{"_id":"@unifyux/theme","_rev":"183-101e7e9deaab7fd663977404bb8920c7","name":"@unifyux/theme","dist-tags":{"canary":"2.0.22-1ed434625459a788fb185797067e1c1783e45a24.0","latest":"3.0.1"},"versions":{"1.0.1-alpha.352":{"name":"@unifyux/theme","version":"1.0.1-alpha.352","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"lib/theme.js","directories":{"lib":"lib","test":"__tests__"},"publishConfig":{"registry":"http://registry.npmjs.org/","access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"test":"echo \"Error: run tests from root\" && exit 1"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"gitHead":"7f9073b9a56f995ee63db0bb5137749e611d172a","_id":"@unifyux/theme@1.0.1-alpha.352","_nodeVersion":"13.1.0","_npmVersion":"lerna/3.18.4/node@v13.1.0+x64 (darwin)","dist":{"integrity":"sha512-ehVBAk5MrScNQ4u6XVXflX5RWIcIt1gRg3GntDy17mBwGNmDMz3mUfASQUZEkfff5+wC/RteINNhuJhgrNRtMQ==","shasum":"e4fb493bec36058f0f89c7a5d394b9397c46c16f","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-1.0.1-alpha.352.tgz","fileCount":3,"unpackedSize":1106,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd1vwFCRA9TVsSAnZWagAAZewP/jlovjQq2vwq7uiQe3m0\nZk60BiG4xyUnWgjTcN7BmSao5tyNywYDMChYjpl4ZErpQF/PvC7FNjIY3l1q\nCWN7YRAozUv5LTbyGLj3ux92Eunl8wyewaVVgJQ950B0NxpGbiHUMhrBPQUJ\nkN5RMXXj7Xg7h0N74ca6wu8JXUl1HJtbqtoVcOz79R5XpA+5kt50qb7P126e\n+34MwrMFgFYEfjfYxdz3yUdiloUSX9NIP/dEgHTXMi38IamULI08/8p20F13\nVc1L4gxUHoF8XglEZNtMl6A3TJquCXvWRRwYo8aHKZ1KBQEqjqJYHn5pNuJo\nMt/U301VQKLBEiTUmOJsoYwjzSUyzlQj2+PuYXKkm2NEZ+lFn/xVKyx5Da82\naCP/enDRuypqC0tBErcwnJqQQw8caWutnzl0IfLMSOUgxMaXcF9Fi0SQtRK5\nof7VAXlVKF7khs6xFb2whKWiF9rqMXC04EnIRvBEok41tJK4/6JM0V8XmjBv\nPXVgjZOt2GTirpSVhKNyXwf3eg3luQS5CCm8+yHb8hJNwBJjOs9jcNWKohYk\nJCQ5mr8uxK4g+PW3nXAJmq0rIwP4ogmodEUz5aYP6f4nG7SV76SqQFJLom2+\nlWIPz21s2GhtqhNbYj5R6Mb7YTjM6wG3lPYq3QbMKvQSXHNhludNH9g8ysU2\nY2H2\r\n=mp9g\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICCYg1DTf9NNywCr/bJoJdhgoFbH8EK6Q5ha72oIpWcDAiEA9+f5K2Ir18/lorg5HjRJkjugM9fClA2Bjx9FbKpVQB0="}]},"maintainers":[{"name":"idea34","email":"idea34@gmail.com"},{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"}],"_npmUser":{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_1.0.1-alpha.352_1574370308678_0.749262111211505"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.1":{"name":"@unifyux/theme","version":"1.0.1","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/main.js","directories":{"lib":"lib","test":"__tests__"},"publishConfig":{"registry":"http://registry.npmjs.org/","access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"test":"echo \"Error: run tests from root\" && exit 1","build":"webpack --mode production","start":"webpack-dev-server --mode development"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"dependencies":{"@unifyux/brand":"^1.0.5","@unifyux/icons":"^1.0.1"},"devDependencies":{"babel-core":"^6.26.3","babel-loader":"^8.0.6","babel-preset-env":"^1.7.0","webpack":"^4.41.2","webpack-cli":"^3.3.10","webpack-dev-server":"^3.9.0"},"gitHead":"e926922ff66a152377331cd7769db4ac0a4ecdb4","_id":"@unifyux/theme@1.0.1","_nodeVersion":"13.1.0","_npmVersion":"lerna/3.18.4/node@v13.1.0+x64 (darwin)","dist":{"integrity":"sha512-jNax5DZCDGMuuP8Db4zefi0kVUA7UzzL6LE7O3P45T2SuZHN2WB3fU+h6bTqQzC9gUgYFgCMDHd+JgoyDvBu2w==","shasum":"c282a39416644d4d91b9aedbdca01af9c235e955","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-1.0.1.tgz","fileCount":3,"unpackedSize":4084,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd7rSaCRA9TVsSAnZWagAAE8QP/Rkz2Btq3iJcAxcz6JR4\nZeZUsvui5V+a1CAfkkFWn4u7EeeM7GilJqX6L3XXBCgpJ8thq42zLEDlvPpz\nlcLZbrxSbSxWmXFbx2rnSRETRgUSNmBO4vlOAqGfDd998MC3fSoz7j7YWAkL\nw8DhUeQXb2d1JbcOsLKTEdWQvXEFl7X2zuT+a4Fr+XuDqTZ42ONNzggW9xs5\nde4RmN55dVAl6NwBXfASpiCh4dFng+qAHa7xBojuJHkdiGq2c/E0/6ugYWzy\ninOKKdjWsMI9H5Jvwn9tsYRmvZnLqaiJnOfxK2mwLYUFQEXs5MqPdIKxcP6L\nzkMnTZhdd/2AC/3a+9dYKTIS/fnNFkhC7PSu+DDYzlPuYuiF+G1+cnhDDKkZ\nRhVGUuCu7uMbTTuIxdrQtiIoEn+wJJmHtLk1yImpmofsohOP0yDJoe5AnNRN\nHtJaKXY6RoRUSkbn4MR1qIyDXyp18Agqct3W9rGctI3kY7/1v5ukNayjYqVW\nMJ0CbpHy6GLsXbIFFbfSl6cVb19//NpKT+OkN8m/LAPXyQjkBeN2sANOGrT5\nmNRfW8lltxzWtGlVXzDzoDWvow9qQdm+jy2QfRberPOjxQ/lESx+0WJChfSz\nPOGZ3pxoNfOLbD21r0eSDKw63OFrUd5diGGS0PVRpkTkK7cwPXRtr00DoRMz\nIVZA\r\n=2oHw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHOk67g7XT8ahKvX5T11fbmWYOH4IIjyccrNu4J+H8DhAiATJPCSljCREqeUfuavKskwW+s45wwxbWgFa2IWHCYnLA=="}]},"maintainers":[{"name":"idea34","email":"idea34@gmail.com"},{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"}],"_npmUser":{"name":"idea34","email":"idea34@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_1.0.1_1575924890288_0.32145660429340084"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.2-alpha.3":{"name":"@unifyux/theme","version":"1.0.2-alpha.3","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"lib/theme.js","directories":{"lib":"lib","test":"__tests__"},"publishConfig":{"registry":"http://registry.npmjs.org/","access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"test":"echo \"Error: run tests from root\" && exit 1"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"gitHead":"d568810237d4455b34bfccf3a53520d0c0930eb3","readme":"# `@unifyux/theme`\n\n> TODO: THIS A PLACEHOLDER / ALPHA; NOT FUNCTIONING / PRODUCTION READY\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n\n## Usage\n\n\n### API - goal: same simple api for JS, SASS, CSS\n\n#### import module in JS\n```\nconst unify = require('@unifyux/theme');\n```\n#### use variables\n```\nconst blue = unify.color.blue;\nconst primary = unify.color.blue.light;\n```\n\n#### import SASS\n```\n@import \"../../node_modules/@unifyux/theme\";\n```\n#### use variables\n```\na {\n    color: unify(blue);\n    &:hover {\n        color: unify(blue, light);\n    }\n}\n```\n\n#### CSS / HTML\n```\n<a class=\"unify-color-blue unify-hover-color-blue-light\"></a>\n```\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults\n\n## Suggested (SASS)\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@1.0.2-alpha.3","_nodeVersion":"13.2.0","_npmVersion":"lerna/3.18.4/node@v13.2.0+x64 (darwin)","dist":{"integrity":"sha512-ivD7MQgD2xIHfVUQ/+qu9hU2gQIKdBBNckaru+Ch11v+B1cDjMxnDL18s11S7PpjyQGOZOBCFI3gyLPzdI8l1Q==","shasum":"2d925b11e411506fbdecbb12a92fc849e149a19a","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-1.0.2-alpha.3.tgz","fileCount":3,"unpackedSize":2773,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd8CXVCRA9TVsSAnZWagAA1hkP/RNq1MRFXmqIQ4rwfdyg\nxc9GMw4iHGGnIBoy6uPvdkM10EDhtq2xaD4GRM2OWPAUXwIYN/eVxmvBfrw7\nCthAQk3NX5M1vKkoxPhVh39ECNL7h0Fj7QxsTnaX5v03jdElaS/Q0ntt+pjX\nwKCrHG+oa+obUUTubHkopqM+mKwNCdpMQJiLUCtw3KxP9KA9NNS6e3COE9ZK\nhZK9/ZRsdKYHltXWc7PGGJwxcTE6qvs5Uzoe1xtlnzw3cCEUbrtH6beN6BZG\nKGKmBDjEWuoqRxgCLNdT+aiersnJTUBUsGDSJ8ZcLmm5onWMDQeYrs/HN8Z/\nyZzP8vl1R/TDvPcZ6cmo4fyRUd5OdolDZqnTe92mxAquZUTmS/N6Srl4mwmd\n/0w6Mnv2QTaGe+OoH2H287G92XSmn3MCarTOQttwsVJ2S6p6vdPGhqMLuT2e\nmGr1O/mbfWDJFNDPoZFxRYEc8YPLxosm9I/A4yQ1cL3bccLWlpSUkca5JWbC\ncPY+kZwWBTIqrlkHbDLcvJbmTF1bzfgpEvFKP6hDHuKLw7fmIYUchKZus3hJ\nDw6M0yiGoiUuBihbQb9wp3AEZJs9WsoiFNZck7r2Rhloub/OkyBM5L9gFrC2\ngloC5Cv9U0SGrBBTgTCExCKwmrod/UKAVkFjSpiwI/W4S3WOuSh7csF/AKOu\nPqIy\r\n=phlH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCA8ISQRG2fU5Kv9DYZFAAxEOcBMKKa35kNJVY84ttmQgIhAJAd4kVNvxYY/jH3eiOshDusmH0liZ18Wza7Lcyjrff8"}]},"maintainers":[{"name":"idea34","email":"idea34@gmail.com"},{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"}],"_npmUser":{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_1.0.2-alpha.3_1576019413466_0.7410069728761206"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.2":{"name":"@unifyux/theme","version":"1.0.2","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/main.js","directories":{"lib":"lib","test":"__tests__"},"publishConfig":{"registry":"http://registry.npmjs.org/","access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"dev":"NODE_ENV=development webpack-dev-server --content-base dist --hot --open --mode development","build":"webpack --mode production","test":"echo \"Error: run tests from root\" && exit 1"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"babel-core":"^6.26.3","babel-loader":"^8.0.6","babel-preset-env":"^1.7.0","css-loader":"^3.3.0","html-loader":"^0.5.5","html-webpack-plugin":"^3.2.0","mini-css-extract-plugin":"^0.8.0","webpack":"^4.41.2","webpack-cli":"^3.3.10","webpack-dev-server":"^3.9.0"},"gitHead":"2b6c8b1728a9a13c21c56a4319c1632237b126e0","_id":"@unifyux/theme@1.0.2","_nodeVersion":"13.1.0","_npmVersion":"lerna/3.18.4/node@v13.1.0+x64 (darwin)","dist":{"integrity":"sha512-KCN4ebu9gbREWBlxPNfbUxUf6D54VG45x8zn0vg1vemxwYyVtQ/10ykM8Q9+wdeb1vwKX/WnF+n7SzaaLK579Q==","shasum":"bedaf30b3b408f00253f91b061acde7681e3a0ee","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-1.0.2.tgz","fileCount":5,"unpackedSize":4478,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeASsgCRA9TVsSAnZWagAACaYP/0217Egf7QpvYsgMtlRK\nZieANsInQln6Zdcw6RD/X2eOiCkeNJupOL7WZvCdDk49YT9Gj6cOtPFjocfX\ns4PZ+HNocBuc+VE1PyWMSXUf46D8vuLCQ/w3A3af+Tl8uzUtZXnedM61ghUo\nG5Q86UhFdk4McPUDKuD8vWAHtPNPPj9+nxvjqk5TP8WgnHj5FuG75D0zH1o9\nouGm3rUlrcO8an/5Mjl9iMw8ms5wFE/q6zoRN4uen8yy0+RR5qS5ooORIUeM\n0MlWm9+nyjd3NEmbc9MilOqmd5vGuZY4dHAHezqaR0JcnL/p5mO6JD6rclAF\nvL9mcEykBFGdzflwqvKAJfXC9sg2XgqHKB5nVfNIbQXMXtcInl0VvvthxQKn\nRPTF9bxp+ZmQth36JQte/UTf4LbnRhKak3VS1AfT1mmpAsTUehUoLOTWijAd\nLAPhqE4dVfHs1G6en64a7oK6dKtTkQEihN239Ufet/20NODFXFh58G0CCHb+\nyAGMMMzpnDlVXXeD9Fv7M4TDnA/uY/ORYvYCE/TMQkuAXGA44JvEEtaIzMxc\nj0r0POTxMrnL8gt16w+x8qOdMUrk40ZxwiACoASZebeRetIXy+oYDxUk/Q1S\n28pWHmxVNCOm3AFw3xUS6POESd7Kfu2IkFelmdDcDDRrnPZn4YhOIjU2XW5t\nK3Hx\r\n=rWCs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCmn6o3yRLQHxbwVW7fSa9JFE5XUebDH+vz62nWWyoT5QIhAKJVN8usZIUFlhdzcp+JDD3pdpk1uqsWUb8hDn8cOL0j"}]},"maintainers":[{"name":"idea34","email":"idea34@gmail.com"},{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"}],"_npmUser":{"name":"idea34","email":"idea34@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_1.0.2_1577134880006_0.33717162603739137"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.3-alpha.68":{"name":"@unifyux/theme","version":"1.0.3-alpha.68","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"0257c9e606849cba39f378ab5d508518d81ef08f","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n    \n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { colors } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.colors.blue;\n    const primary = theme.colors.primary;\n    \nHaving used ES2015 `import`:\n\n    const blue = colors.blue;\n    const primary = colors.primary;\n    \n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new Colors\n\nAdd them to the `unify.css` file as a CSS variable. \n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@1.0.3-alpha.68","_nodeVersion":"12.16.2","_npmVersion":"lerna/3.20.2/node@v12.16.2+x64 (linux)","dist":{"integrity":"sha512-1dv1tj4ppNf1xUTkiyswlWfyHkEksUf9nLcJX0ShPESQ8tAEvXBHkHgjzSQJ0G5xFKmL3c7bUFN61N3tXYMzpw==","shasum":"3a606b6bd17bd0c262a7b010326e6a7bd3a1f91e","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-1.0.3-alpha.68.tgz","fileCount":11,"unpackedSize":11339,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemH79CRA9TVsSAnZWagAAvnAP/i0IjRBR6/Z9Hm/rWaPm\n4BYMh4lIiEU+e7Toyz+dgurtu9p9HzfYtsQFc1zs/4tBusCBW2HaiAiUZ4mQ\nzX1o59Umj785zbEBFC3FWQ5+uxRFu3bjNdlTqIvs3YChY1Yzry7D6PoqiAfF\nEnnKs7zcjdTS71KEnLDF4zNM5yBD+WG5JAh3HtVMl1zQ+riWPaw/tMKbALvd\nsvzIQc2xyWXnkc8lyQYlFN94pByuwc8apfdB+CWpZRd93cRYXiCORvWYWVEB\n1eexgnaBXBBK1V8TmQdrhpuerTY2bvMPhlXMyjZPB5m+4w0fPA2XgMCrHW8/\n3AL5PspqtmVXVftdDwljlc4cyQsdCz6VvP8h2+g6aPYgWH7X5gpOYPHswFTF\niXSIWgeXVRIDVR9KBK45+DBTp0N53QnsNR3wvWncCqNR+ExvhErUdQkoQETe\nBTyoqrhjjQT8I8B3/WwtnGnhuECUNXs2q8Lw0Jqb1D9zeOCOgLtlSWlUDWfZ\n6PEfJjZoaXwgmRukpzgNuHuYdPnChxDHLTSAZP5FpR3sGxjsMKTiyBP7scNK\nxHcRQA6EhlMa1OuaY4KwZ9ZE41rmPSsM+r2NGUy1zfcKivjMDsOr2CL9kXBI\nk8EMLsgJ2BAXoW8FIsJF7wuybOuOlL+cUMVP0DIYe/VqL425K/hgnKXerErw\nv6Is\r\n=Q7Of\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHt1iH3zFu+kRxaId/Vp/WIyEylpmRfXHXSSuu4edmE5AiEAyDu8oEVti5ordrPZoOuEXZ2Ff7dXA9EKC0BFUYCWC5E="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_1.0.3-alpha.68_1587052284566_0.11724913636318224"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.3-alpha.43":{"name":"@unifyux/theme","version":"1.0.3-alpha.43","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"6bab5288f8396f3467c73cc97112e25ea68cd3ca","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n    \n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { colors } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.colors.blue;\n    const primary = theme.colors.primary;\n    \nHaving used ES2015 `import`:\n\n    const blue = colors.blue;\n    const primary = colors.primary;\n    \n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new Colors\n\nAdd them to the `unify.css` file as a CSS variable. \n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@1.0.3-alpha.43","_nodeVersion":"12.16.2","_npmVersion":"lerna/3.20.2/node@v12.16.2+x64 (linux)","dist":{"integrity":"sha512-rHbQhL8TbbqZkfTP6XbPXXNeEFmh0AsFDZahDW1f5NG28P4kWXSM0Kj5P43nISZeONuFNejsWdYnGSxE1oPsIw==","shasum":"95df42de24ecd507ae069261e218ee05c3fa3bf3","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-1.0.3-alpha.43.tgz","fileCount":11,"unpackedSize":11339,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemJ1hCRA9TVsSAnZWagAAQEwP/0hP7L7hFEF/ze2pZ+Sj\neL0fQPDT1VjTjY+VKYLzZE0nUNj34YL7sASa9FPhr6UMYFKQr+jR/ueeure9\nBh7bVreqQfLhrcR0oGE8ARpolHv7lIVFJlrRB3kBPKkAHN3wFZPGW7Q4rifI\nhN3vN57NBI8nWTCKycCI58i/n7n/WpZbpDZGT6tzYnivDeMZctY1p2Xt0KCm\nSqViaeIFevSrx5vqFWFSxKn5w9ucn40fggiu8RhUX/zkBVU0MU+R5vzVVNtY\n7vD7Dx+7OcGhxagfAdI0J3E8lQ3yM8VT7KbJr+gwBCVPY+3kw/25sRDLS/OJ\nSlYX7znb728G6dQcD9bvs6OFlfdyGv8ZTxrAx1JA3EhmXrIbyfmhf28HHSkP\n1kdi0VkosTCAcsgQLAV5tn8Z9XnBc5+AcofJ9X5mGLpo3JacFN/QZyrvUoBI\nAeQwP163PYLr3Azdmemk99fx/pKZA40nVOpkfyxz/6lE+3uX2q54wkBDskiO\nQ0w9g7ZcBkjWjh2gkUg9AyTUcU8b0rfEfqUdMQfUxqsg8EVHmq63xrTHK5uI\nhbU2tHa9QMpUfn6YLtT6xzhg8Eq5FdllM4pa/Hg0m41jF9lzqgs2araZFPYS\nBJDv307YK8PcPUGjk76Vh4vYISVlSHQQ5/hsAgjPdDmBF4wug6RWDB1FTbGW\n3hQQ\r\n=rt5H\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCBppyuBIYyEZvKoUtqqL1Y/ToY2pMyeZWHWZ9dcgTuUwIgF3TXawmza3AorOkgf9+5qr9qVhznYsGN1TNIpt8dpW0="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_1.0.3-alpha.43_1587060064290_0.045040690814182494"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.3-alpha.52":{"name":"@unifyux/theme","version":"1.0.3-alpha.52","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"b9497aae917ecb129df9c8b86ad5bcacf50fdf6c","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@1.0.3-alpha.52","_nodeVersion":"12.16.2","_npmVersion":"lerna/3.20.2/node@v12.16.2+x64 (linux)","dist":{"integrity":"sha512-z+XD+U6UsvkFcVb98Z1dQGEtT3ibgCsJEnDruoBeHmu037SnA8KjJNZPARzwhUplmTHR5NyQKOuy1vb3s4i3GA==","shasum":"0f5a604fe23a597927f6f7eade83a0bc0534a166","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-1.0.3-alpha.52.tgz","fileCount":11,"unpackedSize":15400,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemNXLCRA9TVsSAnZWagAAybQP/3VX4BFP7u6us0F0tJtE\n/wmHQJSfophnLbKA8xPZGTGSVjVgduzb8TLhvVZg0FxhhlUIT/BOjNLO8oXh\nCqwb4Fkisp70U/xAVZvHCmMDDqHg4QJNpA82OdvZfG4vW6qDa0vqFpdOcl+X\nk2h6V1Zcywkj/Gw1IM2svtjZ9LkBn3gss1ckVSWebsXfK9/K99JyCXmY2Lk7\niZvRFkLBT92oVeWVx6RpnLT5Bz1IdsKqXMAzW6gjZ7D19iNeAuZPsPHVAB0A\noi5PCx9Xnn3dGAncprdNxHPnsKq3L/idIxcB/7+O3rbgfmXoeZ7n+kNKsjC9\n6DzgYTvXG1ePeiL9my0u+CivNM0PX0igS+PeFQm+tGgpUT+0+yhz7CS8E8Ug\novPg1B2eG2tD/K/YL4Y8PoRQBQ4vGinUMtYsJtFcfVNljwO2aEMfV8itN9Bx\nd2i5f/8fD55F+5xFAc8ylN6eSjBO+nrozz7SIjUHg2Yiq3tjxPxGIAED/RqI\nd9LY4jY1/KwDUNISieOkfOsUyC6QtCJgMCy/7+xWe65Ag+LATiUxRkzSmxWc\nvA88wxkbHOvuJBDR/mq8yIdKyc9+ODubxUMUc8AGQWLiejad1LYTFd/Z6rkG\n7bkj/MVS9GzzkOb0GCBwfks1br2GnAhzDlxHsZRMs0d8jO7swlk7lVhRjejb\niEB7\r\n=bomS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICC3ZDUJKJCgoozveCRgcztEQs3YJwsHxANm2huyTRIjAiEAqZVJeoQoynrRnTub0lhup6VAa7WmRh3sCVkVI151jVE="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_1.0.3-alpha.52_1587074507395_0.014782751631460922"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.3-alpha.46":{"name":"@unifyux/theme","version":"1.0.3-alpha.46","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"faada92b3a8be22c5e0c0291c0d789cb90527ced","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@1.0.3-alpha.46","_nodeVersion":"12.16.2","_npmVersion":"lerna/3.20.2/node@v12.16.2+x64 (linux)","dist":{"integrity":"sha512-P5h5RD35CHRDMq1jOCc8jfVo3imT83fGMQf5PlcK/gNAWr8ASM7BlZuJLsDXE3OMhS7K2oJHWgyNaB6kS6zJ7Q==","shasum":"1368a7a8349cb0998aee2b9d956a2d4d7b051ccd","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-1.0.3-alpha.46.tgz","fileCount":11,"unpackedSize":15585,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenfO6CRA9TVsSAnZWagAAtRgP/2gJ27q9hwDhUlEv/znb\np7TV/IcLl4zrD+gjy2n2aDVocHrMTJRRRsQTS6nNBhzSZPmikaOZW+j1TqTj\nUauRthq9VAn9QpuKRXnC9yJtsF/FdT/9O3PEIA5Hn35dMADKqXPl0IjLWAiy\npZjTqrq1hS98CeOkF755AVOmJrwPMEMCr93jSM08xDHD57gW+zvbwuprziy3\n8nOHmXZ2res09TYISrgzIOiCZDc1pW3ZFA78jmHqPWn970kPJaelRbQ34OiT\ntP7JeEZtzC55d0HPrtC4vKz5kpd1mK+cctlspqsdhlcrnTE2I7KDG4/YQR7/\nCKeWjKy6nZZUUHz4I3Yx5ob/XYAcYTAQyBp+z1ZtgVPHM4KzO0Zk+Nu8Uzbm\nbCqJv5sKvTj2dwWvuj2+N0kSjioyQWkTO5sj3DpGNV5r5akmM8XT6pXnFIFz\no2E8aTU+tx16nJ9evBJdAQhZgSirq9JZboKpemKdD2dHKrFdVcvUeAmfpfZR\ncdolcCCGhefazovwEyW/lurAEck6uzh0mZTykM5sU+QSE/vcYvIfc1HLrcMZ\nnfsPm16T+mLJ/YremlogTGrGL5PDhkIttMYyrU4S7hJVBhqarzODEQrjnlfF\ngrWkYl1lOxNUVDl31rxxqfeiltsrJ6WuYSXzdJxmm7w0AUvnAX9XmSH+fGP0\nSSOE\r\n=IkrV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGh8hqnBejnzx7ltivygpCJTCW2QLz+vHnEO5oui4DHQIhAIlg9Seux/Az82paOfgqybxhQ08bpFxKBvABaCFIe8mX"}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_1.0.3-alpha.46_1587409849915_0.29233933684057267"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.2":{"name":"@unifyux/theme","version":"2.0.2","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"979733686c030b6992d82261da8eddbaa8982665","_id":"@unifyux/theme@2.0.2","_nodeVersion":"14.2.0","_npmVersion":"lerna/3.20.2/node@v14.2.0+x64 (linux)","dist":{"integrity":"sha512-67xBhRamltd4G2ldw2la1TabxnBiDCpzqS6gQG6YLr2wBx0ARjuN0oE4MXjYPi/SyRHCogRu1ql5Sg7lEjbtDA==","shasum":"d8cabb75a7dfe3e3b6eae2db694097fb996ee2f7","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.2.tgz","fileCount":11,"unpackedSize":15567,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevWPACRA9TVsSAnZWagAAyoAP/3JHgR7dy19bjXQ5f8Do\nisHPXVI6BwOMrJK6jhouchFWScM3ahYcT7iPMTpI306iHhwB2cILMUNLVH6w\nENuSNYb279EbZWMngXd9UqBPlxLyLZhB/KG0/mLj5EusFMWO6Hi0WvqVtmOt\ntTiMMcIGfF55vDmHIaiQN7/KZGXhQ680DweYuzXMCIMhK0yZA0ZrSdaFPxfL\nuXo3XSiO+Wc3A9rAFWcmV2wd5I8imyu27fUW0c3bXhz0ny2k1tVN/KHedXK6\n1Ha4Srje9edtjS9yGeiqwvcOTdW1DjMH8zWw7JZGT/oT8rHIzcc62Vl2I9Fp\np7M9PPDgSGyTzIuQ0row2uCi9N081ygEwnvNy8YcbCW+i5sIcfwCF1MLQRJi\nZtD99rYK9gLaF3sjACXSe4/mihotUsphwsz9umXcr27yK6jZvT2J3aoi7Wlp\naFrbQ7LG9mBQM7dtxO0HdvQW9Gvme5tSQmwPaMi6VVslJ9auMbK90vOPCMS/\n4HdufqvzdSg9ja+Ehko13+fvjdEcTQKOO1OTsLAgkdzMOoLm6hUgw3M83fGK\n3c5l51KBh3PDxsawKN0NJO0ekueuL2VmVrcbMvO+PjXx59jj3kZPuoW0opY2\noQq0hKNOoU5x7APxr9+KZkG5Qd28c/SG6zGWehIbpVXaE2WPMtk4eJwKWLQm\nvcjv\r\n=+7uq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDcZpcSwGl2uy3Kjstjdt1qe/rQht4yvJopUuVlQdUYmAIgUqoAr2I5jLBlnkr0ZpiacCOVULJ4NJWqHs5DPz0cWjk="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.2_1589470143931_0.941688952208086"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.3-874762bf093d6137fe56e56792c4f262fafc3af2.57":{"name":"@unifyux/theme","version":"1.0.3-874762bf093d6137fe56e56792c4f262fafc3af2.57","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"874762bf093d6137fe56e56792c4f262fafc3af2","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@1.0.3-874762bf093d6137fe56e56792c4f262fafc3af2.57","_nodeVersion":"14.2.0","_npmVersion":"lerna/3.20.2/node@v14.2.0+x64 (linux)","dist":{"integrity":"sha512-34/QRSPtLPwP1gVXB7pHptEmSHN8nQ91ZyrImPuS0QYTR5J/VCbt79F6L69G4LUH1+Pfs0C8A45DNsEowh3ktg==","shasum":"470b7b87829d99afa9e57f89ffad2b3bfe9a566a","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-1.0.3-874762bf093d6137fe56e56792c4f262fafc3af2.57.tgz","fileCount":11,"unpackedSize":15620,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevW2jCRA9TVsSAnZWagAAYR8P/j4lxCe71rTHD6hHF0zL\n4arIO2Xx9FETAfti39i+/CUd7c73l9fvunXX6i4XNd3FJg5OiuAyVBeoIJ8D\nb6sLtWiJ5TzhVeqjjsuUvSocXe2TTywMNDZmy6iP+Kp1T6y5CMdnB+L/nx2P\ncNnlUgFrrTEnrVGS86+E1Q1J1p5gyQLj4L3YIfhnGKnHC4AMaH73IxH0xoSX\nKfPB66zWTaKrym7sRb361OVssEe/mEbW6eGhYyKMDQHZXb+0xKvhv17QrVdl\nmmMPzHZ81xvNy7VbGDRnuT++jz90CfS69EkhNnfGognDzB9xhh5JEkmyWeNg\nsplshIx7RiVOks7GU0Qh5dzYBFX0cKYGDmAi59EGGahNAofxjGTLBfj9KMfR\ny7UJ+e4z4g/6w8Q8/WZndN7UACCQfniq1g0r3iL2YgQk9C1gDb5jKhhZQ7Y9\ni7dyzKAZp+tCkMP3Bz7yre9zQU4b05vX8yN76G7f1w47MB6ZDm8VM3UuJiaY\nT+/kakjPqN/G8UkUXmPpgQ9M+3oIEJ+7HKU9RNE54qlZqp8b1DtvceySrim1\nYtID81DyeBrVsjdvBAfbOH49u6/7L/rKaOYY9cCmE6QsoXX5yaIt66yB/Vs4\nM+LsDD6hq5voi1XGzC448v3fEKZnd8lv7+t1aF0nIefi6xV+xoXSIvG4dvM6\nl7Pt\r\n=k4eO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDbux0fjC2kPeDacTIdvxyILrx6dNv3syTEuEzmQfKkOAIhALo92LK9BkMeq/5MM5Znbq0zAlDlN8Eqb1UrCd3yrwRb"}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_1.0.3-874762bf093d6137fe56e56792c4f262fafc3af2.57_1589472675168_0.41579035405512177"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.3-76cf6645d81796b4529c323d715c5fc719de2c87.0":{"name":"@unifyux/theme","version":"2.0.3-76cf6645d81796b4529c323d715c5fc719de2c87.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"76cf6645d81796b4529c323d715c5fc719de2c87","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.3-76cf6645d81796b4529c323d715c5fc719de2c87.0","_nodeVersion":"12.18.0","_npmVersion":"lerna/3.22.1/node@v12.18.0+x64 (linux)","dist":{"integrity":"sha512-uU7SwRyR8997H5IYiTwPW2Aen3zAeX03hQCsjBHNHojrZdpa5PWyJic4Wxc7SwoLv7Wwx3hvE9cOEuVO34QC3A==","shasum":"0274f5aa4063bb34346bde35a95bd3c57f7f03ab","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.3-76cf6645d81796b4529c323d715c5fc719de2c87.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe55lKCRA9TVsSAnZWagAA1w0P/jwbbQKbuS4REJYCA26I\nCMZQv14t6gRq+bDILePjJye3wr59c0KMDWeGZWDzW3pySNW665455eHgADHn\nAh23a53OYSj6deXifLSgsKivAkpqg8zv2Cl2VqVFHctNI8u5iN3gV8flpEI5\nHQKS9VYJbEZkZiw4NQr8Wn7T+OUfpAyJ0vH8yhaBKyGZYBHzLIu8ATyzhoqv\nnm4Mqz8+8m8k5J+96ZycMr4PjwmeC6Q4dA3yOa1Rv6ZIe0gyoxpfV7XhvDzw\nKBrSS78nvjirvPBSJtR5Qvy8dRQHzXU8QLIGZHZqwXOKwl8R+GiuP1LVEuDe\ns9u+bCEdLy4YOix6BUL0OTe77ZgVazOWWSx3seZSfhoxNkJDXepFgviMcUTC\nbGR+beL0baOJtf9bvEJLe1WfpUrd51Q/sS3ziSbOj+Jhq+axWQY69uCUYYtV\nEAlDF+mk3m2bCqArWZJTQ8a2pAMFKv/vka3Z2Hc49ThGuGXX/WE3hx24vHVB\nmZ8hjABeLBHP5kkeKRBbsDk43f6P+tGtYstjBXmhkln47gD9YRM/pJh/bWKK\ntfVEIRPjk8uGG2+cBeUFg1+yj/1JFb4rhH9Q4tR6nA+tDDb6rmWSbVjDr60X\nu+C59tcNeu5C4LBpubzwnSHa3T4rtxH+VS0Mvy1U5Pe1qdrnyMBGtJEuZOJ8\nDjnp\r\n=n89p\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBWzk3OWSDRp9f5OfcSya0aGVWazJ54LVhhTOWLiObdfAiAzp3a5MoT3XGElFUW35rU8jf1zmj5gCFEUmXl6ZFkCgA=="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.3-76cf6645d81796b4529c323d715c5fc719de2c87.0_1592236361652_0.22769452123005562"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.3-efbecfa9bfb474035c7588dfb4e17f19bbe56286.0":{"name":"@unifyux/theme","version":"2.0.3-efbecfa9bfb474035c7588dfb4e17f19bbe56286.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"efbecfa9bfb474035c7588dfb4e17f19bbe56286","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.3-efbecfa9bfb474035c7588dfb4e17f19bbe56286.0","_nodeVersion":"12.18.0","_npmVersion":"lerna/3.22.1/node@v12.18.0+x64 (linux)","dist":{"integrity":"sha512-mp8yczrDzNNDX1kjS0JMPN7ovPp9GRKFOzPaoG1LdcFl/WbrbyMf8lHLV59fRZ8lyGDFJ2lYKD68rrX9DcNCkg==","shasum":"3779d06a1d4708ba1115a61c73a80041372d2d23","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.3-efbecfa9bfb474035c7588dfb4e17f19bbe56286.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe5539CRA9TVsSAnZWagAANSIQAJJLVs+XMUaCbSjqF1Md\n/qd0E7RDdFRYnVSfV+ZaCDEZivYC/waYx7sukqnoHRMOGdc/d+ue7WXFReVn\nAJilKYkHsWwtJ+oKwKYf0tg1NRLLu4SKkf95cL7D2Uw9Lp8BTy0qeCrwo21Z\ntw6Cqp3xrS88E3tFGaFvDzjvV8tnkR1eSdpQ3wN+1fvTw7L7tf7pTpuFIysR\nTbOHuRN0of5lNFp5tSk65ixg/ISZoEI5YM9/DjGEkIbd3cdIXUdae7AK8MfM\n+97RDDssj584tl/elH0OqYVDCTfyb04zYL/3aY72js8kAxQ0NIqy2b6UX2Ye\natzv/Exm3hVsCUEaNbKqmbV95rKAQW8rth2pjR7hW/e52mumfyI37S28Hlip\nIz9bA7ytJdg4o/a2LsmF2GcSL3mjExJFP2FdXiJmeWbdIEm1tFGY9vtNUkUm\nZWyHLpXnwA8IPzzAlQJGN7R6seIq86FGOnxrl1sKhQ7L/gsyWWDXTh1PfNOL\nYAxoZslX7OxKZu+sqpy4GZBO85wn3jeSZ/vWUOAhtuSRb441PfG77n0moYhE\nKld+KwQzo+hK5s2rCozKXChWFFwZ8yTWQY5YJVrz1qGMyafdFdSrNHXGppkN\nOBGFkK3neY2LOxdSW1a4MNMejvxT2tGErX452D8c6qeiGxW4nBCULhiluPgr\neU66\r\n=ONeW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB1LvYE1PNiy/239aQtlktn/ZcH0OEZ/e3k1sQVs3v3gAiEAuKGlUNdTv0yx5uQkDm+ZoKy3W58dMkKjdv9clqfEDu0="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.3-efbecfa9bfb474035c7588dfb4e17f19bbe56286.0_1592237565258_0.37140211990452077"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.3-24f97786e23fbc74f29bdcca6d6652eb2b24c2ff.0":{"name":"@unifyux/theme","version":"2.0.3-24f97786e23fbc74f29bdcca6d6652eb2b24c2ff.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"24f97786e23fbc74f29bdcca6d6652eb2b24c2ff","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.3-24f97786e23fbc74f29bdcca6d6652eb2b24c2ff.0","_nodeVersion":"12.18.0","_npmVersion":"lerna/3.22.1/node@v12.18.0+x64 (linux)","dist":{"integrity":"sha512-G3ihhkix0jjkU4BNjX/cc++UjjcH7ftL4mo8m9Kwf5G4Sto7OQameq8T3poOA3hoo5dKXQTM6tu5O83qVoYI5g==","shasum":"ebff6d6d2d124786f1278b801f72392d2a85b43d","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.3-24f97786e23fbc74f29bdcca6d6652eb2b24c2ff.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6jjVCRA9TVsSAnZWagAAryQP/Rjke2I49jBQv/N33J5I\ndcykKKxPalm/MCGVH22ceGc5BIjDLPZnW3Y9IMszjGQRUA5qhh0gqhFmHHog\nVGBLK40/j49Agk5TSgZwAPUBq4k2dRr61BBBpiL7fszg6ziD6e1f3X3DtP9p\nL91gHgn8MPwzzxYv8kz0VOh2dTw9nBxxi32tG5rS+1fAHpbetTPEzc0HW23T\nqJA4QSK4uXgMXc1nH7NTlxSy5S9mXgFBmszgjSgi7vW//bx2YzG7wdf9BdaT\n+MpIQtU63f2FkxDxNAopqlmr/yhnwh3/ev8TO590IMocz8H5AYjCKSjb1fQs\nCv3HbN2gOeoV6bqL4cC3yrDL+tOzEEagyX3F+WQOBDMuGhuoDKY8UClFyp8v\n84t6GbMOWy/iMXvajt+gdPOt5h/GnPDFYiN9dxIzsBRsioiAkfC2OqR9uBwF\naDbqQxODjkyfM77KbIHFQaSK8J/9VeJRTEEVErW/FwaeXoD7gAJ3+l/5df0B\nFXS11HNTLN0dv1zVeoGd4xoKu0/R2gdCGAJTaZszwLUbSDx7xKPJSy6XFnpr\nN2gjGkK7d+xyLs6DnpbURpUFEuAE1kDkki9M2MlWGuiO0jNqRwSd5VekcDOK\n8s9BapUcLhFAAXqIt4/CpgHulYAMUHaRfq8Z2+S8o6wcbGLrAFMacfeDc7M5\nFv3A\r\n=eteB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCkVZjj7WeHNFQ9Ue54tKY2DsQghjoTYS+XvHxALEkcBgIhAM2TjkI4NvcsFMAjIJuqFSlHqTERviSoFe2NqLg5Wqnw"}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.3-24f97786e23fbc74f29bdcca6d6652eb2b24c2ff.0_1592408276946_0.4746819454987765"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.3-5bba792479244f55fc999fc2204081c3558c11ce.0":{"name":"@unifyux/theme","version":"2.0.3-5bba792479244f55fc999fc2204081c3558c11ce.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"5bba792479244f55fc999fc2204081c3558c11ce","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.3-5bba792479244f55fc999fc2204081c3558c11ce.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-8h+5IrpkYnxcLsNdZYLG+idBBTynG3iRg3Jjid+cDdQEXqLt3O1x2WjQvyN9LA7VHRZF6fAsoYtdBdGNPL1MkQ==","shasum":"acb93b4b7423541f30d8807726eef33fb786df81","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.3-5bba792479244f55fc999fc2204081c3558c11ce.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7NqFCRA9TVsSAnZWagAAtZYP/0cDSNrHoEiMCPOxYTHq\nCKo4BAXn7puvkOvJ+yUI8iPIvK6nX+C5ubn0kmW4xGab/ty8mLH2priTtfCj\nImHhkkSSnNzJC474ZbY1MDtz2LLtnfv5u0ualYTwzI54VJYNOWfM0JtBt1Tm\n7kEGhZOfu0R8Bhxh5tznjtnNLK6O68XxF4Ppb0uBj7n1UWh8/SeZHJ2oaaYL\nfbPKspf/ZgksRYvb38pxVtkLJyncDP2Z/VqdNzFrbDp0xo2Q0jdSQBsxlhiW\n4QRTuHYY1F/+VgsFco9BmxXyNk0Xcjw46voVWkIIscOW45qgaX4kw0fNRAz+\njrrsgvmAcch2m65K/T4dpt8KFgtlBFXguomU925fOr1NErUNQ+eSrW2Hzndw\niQMB4yz/7dCdRIX/AQAJcDINsjRQLcEbF1HHup7Edn0Ydht0Ly4MUQ4I5vT6\nRROvzSbu4chM7DWku8NwaBwrUFNpNRz84sNNsf7qRBDj3+DTA85IjFbnE4/b\nEgMXtvGeUmXjTUmb3RaqStJNLWcNUEWxMgB8zfQKWB8MrCC62W9Js4X623dj\nY5ZE4wP+RrNPHjOH415pzjgMbwMy1MT5CM05md+LMavD09SnNBEnfjQHlWZh\nDPI/J8Tc3Nz6O01GE1ut0NDDEE6TtarGi7knVvL09MLGnDIYap+RQrdLNWZV\ngZOz\r\n=Za0X\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCKQxO8yIgQcCpU7hTXnDpwmyDFx1tZ9yj2Tc5nqQI/5gIhAPRQQK16DbPoUGN9kbQiIMkEsRSzNJYhxQFyzS2L9H09"}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.3-5bba792479244f55fc999fc2204081c3558c11ce.0_1592580741464_0.27689878463933093"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.3-5595f9d6a7f76a2de97f7690c6e6024672df8bfb.0":{"name":"@unifyux/theme","version":"2.0.3-5595f9d6a7f76a2de97f7690c6e6024672df8bfb.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"5595f9d6a7f76a2de97f7690c6e6024672df8bfb","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.3-5595f9d6a7f76a2de97f7690c6e6024672df8bfb.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-29WpRZpfPC06HI8DVZBR8SdE8jSmMyxC86IN/Wmxb+SPjhTx3/sqc+8+0k5I7ltNvbZZlnC+qC8IeCV2XmBPbQ==","shasum":"ab40cd3beb7e52c23c0e1a42ac6b143b2d69e830","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.3-5595f9d6a7f76a2de97f7690c6e6024672df8bfb.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7QjTCRA9TVsSAnZWagAAUOcQAIDHjpHKXJTMO2PUJ4cs\n1AB5Wh5A9cGjkCerysIgM8a2CzYICkYDtlOivryni3oZwTSb0Xn4/CYkAfp9\n2mMTjrZXqQmgVdi9dZH6H8FaJBGHbiGzVQzkccnb/i1hFUHPqG71Lga/4bmq\n4IxP0qDtptMYuoYuecvVg7R4qSrZzqwq8QYoHuG4Lhts9KJ60BAWNqKeEBR/\nU3Pk02alC4XPujOSHeGv3nU1g3gcZc7BYTdG73L3kf1RJF8hMlVkCsUvXgl2\nxux7QECW0t3OCPnvPVIJhJ1RQKzAG/PJbM3abVdMWEB9rTbbfPfC9I/G4N1g\nIMZFfxm59wKbVeDak2vT+08OJNGmlKGqlOWTRrwmv+glJLS7KEPAxV0fwoj7\nPVy2Hgbd+JZGLnwYPqDzyS9u3klJ0lqx4Lm5GgF8BkXqo7x6LzyYt+BQ40AX\nXrLNugqLwbIn+XL+9SXbWrrUptp/ztaf0pNwjMortsgnI4knnJqv3CDMb+cf\neT9mg2QiFSo7NnOuC42cWUZBZcWXo7siYwg1M/bhI9xcUrJ4f7q26g1XdhZL\nCmNEKgUPS41Suk0loaLll9VS+ga6DlEa3HHaXLDVRedF9VwJvXgwOlqIFNOq\nKCZZgnxF4sNs8KfpHdRjvvCTW03LeWxeJWNqS4T90mXuC1Z/GgBzjETXBVsC\nC9ZH\r\n=bElN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFFWvkH34vOPLcpty/s7xX+Wh+3vqvYcFoqU0ztRIAz1AiAIokXWkBuJp7qUDKqgR7GZVhElMfJUJ89fppqIJAdowQ=="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.3-5595f9d6a7f76a2de97f7690c6e6024672df8bfb.0_1592592595114_0.09987319010194495"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.3-af907db13dfdf344f24746cdd8bf02d146881152.0":{"name":"@unifyux/theme","version":"2.0.3-af907db13dfdf344f24746cdd8bf02d146881152.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"af907db13dfdf344f24746cdd8bf02d146881152","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.3-af907db13dfdf344f24746cdd8bf02d146881152.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-0johxOKyVTWUzOe5rqLVxxscxVKpq7jHmgALBdaHBe8TYWmChkdA98+9KBf5KVVa/PcxitXQNGs/ne3QjFm8rw==","shasum":"757811439b4a123a46225cee802d3e73dbec7f14","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.3-af907db13dfdf344f24746cdd8bf02d146881152.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8LbvCRA9TVsSAnZWagAAVi8P+gMcjUkhh4DXc2FacRGs\nTtM+xYR5KiMbvFPy6RKD0UmxtP1w+PDE10G6QgqQ0owuQ64WKilcY1Ijz0Ia\nwRNjSgVsCHmNGSWD7cUEUTsorBrMZPK/uH+CiQxjf7ae238nRSFCn2Nmh2xk\nWNQjrWEuKQ0Efikj5yoBCm0ry5KfyKHDajt4fvWQXreiouPkuOpUaMF9G3o/\nOdaN37s1sCF3to5YlWZILn27r8y8I2c8O4dwWJ+Fso1cHvyPikoBNeHy6wbo\nITBRgEL8YGRdA8LFie5JTwaKzcv4Yxs/gsZSS2Fn0NSctW4WqP6nf90Fa2ay\nDAXpxG1VBUiI6h63dpSh/cy6svGdVSWJusVjE6sO/vCmUS4dx9AL2PIXrVqq\n01vPzrZ9uAsJhhTWicVDP1EDAuClv81RBQJ8Z05g5NmCMRHYG3TZYX/7i1+B\npnsSBj89a5/4jfgoZTB0IbQEN3TDedbVwm0cE/2s1TF63H5JqycV958e/YF0\nkdT07e+K3XHVvaBi7wRUg1vGy1QZxtUloFb0n3WC8Pm5CeZjW73XnkcHCe/a\nyCXKkRs1hw0WAhfqjyXEtymXzRwk31Zli+K1nBbngY67lEA+gfkeetS3TJ2S\nGb+8W1huQInwTZ+t0JD6qxlzNJ3LquNIwsmUYbq3uHXsVyJYLEzuR0k+uBPp\n4DGN\r\n=yGK1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDyveqgcAxD/cJakNNXHO/ldxp4DVUCyTYkSEIIfaYnWwIhALF7pOt33CV46qV8WjxUo1jiS0X8SsQsnKOdGNybtjOH"}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.3-af907db13dfdf344f24746cdd8bf02d146881152.0_1592833775457_0.6461789485360696"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.4-db712e3b717c912e13dd096359d3535016301bcd.0":{"name":"@unifyux/theme","version":"2.0.4-db712e3b717c912e13dd096359d3535016301bcd.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"db712e3b717c912e13dd096359d3535016301bcd","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.4-db712e3b717c912e13dd096359d3535016301bcd.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-IgYwFZ6+mO9z1wmMbSiZ096d6Ny2MrElZLv2kxoOW9cyjiAuNbo7RqVZ/fem1NbgeYHTtLq4NdVb4bPzshLQzw==","shasum":"58a344c11e3879f97ef3328b2f1b16083f748fd4","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.4-db712e3b717c912e13dd096359d3535016301bcd.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8L8xCRA9TVsSAnZWagAAJVAP/1PEM3RgHdgDdKQGud1z\ni9F2KsfQRRCFgOsvsLkAygpUboQNZBy0RVj7PVN/PzJZEZBRRp+oWPw6M29u\nbeQhNOkZIpNqi1Q4gyyLTDc3uNiZJ0V7vJZE999SDjWFKv26r9Jf8uOi2d2M\n/v7/kedth/g4E+5TXTdTUtRyWLAocPl/dKGlEz3P27uv2D9df1BZAFte+S5E\nCrRG5xu8hjZnM8TALJSyagpXkF1G125ELOFM+aWV6O0IfjlEiQdE2aRwLl6f\newbORZWM15pHTDjbIr6l2vc02VkBZSsuIR7bDSe1z43hhk1UsuCFB9fm5Wzq\n/1PoMWwuT0flDI5iqtOESh98ubs8fere/mYBmM1sqPG0cfSWtoJ17DRpfpul\nloqJrnSMNyfcwTJoROZSifwZ/mSc/WmNPOERb/0zFWP/0oRIfJp7vrU1ynnQ\n4QzxzB3oTp72kgEuqqZkhrLudTWJ0dkAEwJBk0S5IYznuqF3ehfaa+58pCiY\ndtl3vVHAse3u9sE6Bjs1unXeZdSoMl5d4mUCFEFGDOYefnTRlQ+0EaFKlLMv\nxVwC5aWV0wKBQezw7cdG2nyWMtVgGWTR7vWqZG7Tl6YvL510bdm/KFDsM1KM\n9PlqTtq+ewAimYMYCW/MW3BWAIVVPOcaP5448B/aqFGPfYWKlRVQcM5ZhMp2\nz8nc\r\n=b6sH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD2M1DVmoUJ3ABvJqezfYGIkcQFLw+9KSnli7V7Cc+aDQIgdEw6Rc9QpH49sx0ii86MNACrLvLsEUZid7InIvIP+Eo="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.4-db712e3b717c912e13dd096359d3535016301bcd.0_1592835889222_0.9111159276921459"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.4-380612d78ca3bd4cce2e675fefb9dbdf1b614a84.0":{"name":"@unifyux/theme","version":"2.0.4-380612d78ca3bd4cce2e675fefb9dbdf1b614a84.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"380612d78ca3bd4cce2e675fefb9dbdf1b614a84","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.4-380612d78ca3bd4cce2e675fefb9dbdf1b614a84.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-04e7AMmUdjvFFO+bQn+KSkA4ese/54VYns82qgZFNbLu4dRRWIf5BC/1jUryNSkQmBZ4HCZs4HdB1DeoXjNc7w==","shasum":"26a5600292652a7ca93390228a68b9308812a9ff","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.4-380612d78ca3bd4cce2e675fefb9dbdf1b614a84.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8M42CRA9TVsSAnZWagAAirUQAJ+6LxN4GRJflrEL/R/q\nruRwpMUWOkuUZEnQz1DHbOfhEtbCjePtHMW2PcZgFmks2dX7ofvZYLIBbM0z\nmY0WxO1NFxSodL3mmi+oQXCoD1xf9rW2YmCPXeQphdtRqI2eiq/ouzUcyq6I\nLLqCKr6/0M2X55RDzYmHzCOyrFaeqQLsirHuAyPGji3k8LBHIg60046Ecg0+\nwbWkcVc/CcnpFi94wofPvrV03z4Un6ZHMtgbJIm6xfmp+QgB1+LkNla1ivMe\nhjWGhKGcDaYAeh3uUOQ0jHnbmRapF6r2KfG/ATE+44lNylXhf5qteHwhkOuH\n2V3FH6+nCiycJku9DAFYLcfnzAWr12eauYshymgp7MIKEJvtWI3aXkQLlrVt\nfQ2fYOZ73R5RLJneWOuR5ZdqDe12AZxJM9JLWAzB8XAxT2gSMiIMGuIbBmEu\nNnm+dqjPWfEvKKZ4Cz0I3MmvpUuA1T17YU8uH7ynr9CqZ4mK2HdhSo45MQuJ\njucqkGiG82HMbG72Rm85ZcYrLT4ZNpthblA/VneGpu7ssiL6BDOTeESH+OLe\nqviv1C/A6ElCDoCkQ/COmNqf7a7h1Dan8K7gjvN0kD3FAmnhEEZujzIsi9Dy\nayewxrYuqLHo+PlGO/HttfPJsDJ4KsM1vj5ZN7o9yJ/xtgC3B7yPze47aFM6\nJ64c\r\n=NGgI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHVlqPBwzVyPiSgIPdw17Ln264RQ3Mw2oMI7AmKrf/77AiBwUSfVyBuw2nZl5vJfl1jXjmBqMZxnOTT6c25tOqVFKg=="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.4-380612d78ca3bd4cce2e675fefb9dbdf1b614a84.0_1592839734341_0.6893344771967558"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.3":{"name":"@unifyux/theme","version":"2.0.3","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"e940df0a678e7a11ca911febb54373fe5a48cc77","_id":"@unifyux/theme@2.0.3","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-J+Tcu/FRD4QacS5NxoXlxASD5J1LbOSIu7BPWdi5qvscz6A3qAj12j3en5PRcdoce96JLtl8IyEELYisZZrfsw==","shasum":"b379b7692c70fd50672d66e7f4faf0774a98822a","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.3.tgz","fileCount":11,"unpackedSize":15567,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8NPTCRA9TVsSAnZWagAAycUQAIBP0LAVUkcDoffcYpQ/\nK2twuR8Z1Y65bgGvyQj9HRfPipx5ydJys2p/biBp3ErhRnXbZtN9HHnkKrRI\nkeD89RA9ic0CmehuLAzmOiJPFpdkqtnljQBHEr9kaOKMPiUzFhN/BNR8qK/S\nu7cetaniSdTaLE6LrpxTcpyvm4VnuQ9r5A2Lgi49EBMTe/21UXURHkxzS7Cc\n0nNuXR2uCRtF//S5/K4JhM68lmSfOhraYbGlLPu1yHoxNAeXp3KZqUNM1TLB\nH4a85Ks4jUfisnio4msazcxYR3xtboAahJ7pXvzhSsS/mQ07HaKLqrVSqrQl\nxQZHNuGSVxC5xcLP91xluNfNZ12wSB2I7oiEDiey3Zzi1KdQNqXU8NnJWcGe\nBC/xBazp4UFJtriKl82/sZO3X3FPEtcul4cXmfjCNaNln1iYwTtsMelrXwGZ\n3PAT+XHqkx173BagoSbIesidqzYqCdnQiG9fWPc7vQrSWS/VjpA5QZ1kj4gD\ni1TDwMgpCjEqAJG/6+lKqzzUymgjMGhtEz+sL8Yz82zllxqE2M6Z+RylHndc\nH+kZjexICcRM2EV86CLVdZLMhNA+y/l8AC/yFhUtIsQMUVmpzh1vU5k3DPCu\neR9lXVlzygLzTZ1MRZQuNvitCqxrEKz2lBNVTamjHSFyE99esKFNVdt8ITgj\nWjmn\r\n=M8lp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCSNfKrXUUd+RiQsv/RUPhQgQgdsk2vUyFytV+ZZDbb0QIhALBKtvfYG4OzPaR2mZPICBzDUwpZdXcIsBB9jEKxMuOB"}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.3_1592841170428_0.14069376080978446"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.4-ffb4fcaa56b7ca4d9846d41ec34d16352c62f923.0":{"name":"@unifyux/theme","version":"2.0.4-ffb4fcaa56b7ca4d9846d41ec34d16352c62f923.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"ffb4fcaa56b7ca4d9846d41ec34d16352c62f923","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.4-ffb4fcaa56b7ca4d9846d41ec34d16352c62f923.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-z3x4mmpJbfhTuJnoOxlJUNqN9+ZYh8mcAYYa9amDKUiv2099Eyz/9FpF2Fg9vliTjku+JuPB2Pkh52f7U4/mNQ==","shasum":"fd44b86b5b8de65182d57958e809926b6c15fdfb","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.4-ffb4fcaa56b7ca4d9846d41ec34d16352c62f923.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8Nc4CRA9TVsSAnZWagAAIMsP/1wL4JEIQ7TIhejN2/Cz\npUxLEcmdCgOmmbDbhrpwtrBlD7nH6zB4ybR/nx+mjlniLk/F9LV9COKe51ey\n0we+8Fr7PCXIlrz/igVyx4fhjQLJgMMMa1vxfbfeMoME98LfUiN4skx3SHJO\nTw2i+7ZPNnF03GlJa2TDLM211Mk6R2vcQuHYUxUG/MIIRHtsKRkRWnFT6mlF\nYH1jiCSij/ag+aJod10mMI+hy+ZdJ821+CuHeO9DnpT0U8+Pm7zcmPW8plcO\nNn+VBVeeeMMpunnglrJI+unNYa7cH+Dzy0io0ndcF7oHb+MYQ07GqdNlFI6v\nHZZ6e8Zqm+HrHcTilVqHq2BkbN65gUyEOje2IazlvBuL69XublEALjO7VEL2\n9iP6Mhf6sd4XI70bMiCV2YA3nHKtTMk/CqoT7n5PMVvrEEjGdotQRyFGmmQF\nuzqsMUioSzZDt27XPpYZw6SPvVte3EtIm1J68wEc+IgAkBTSqQn8YvotKJ5Y\nUhJRRDDLGjKVZyXp1eHDA9I5+BvMQ0dsk70rAXevhr2y3wzQQhYm+L9rJ0jY\nPUpRchV5KRQ3v1iBlwTpLJjtpJ7Iuvh3zMdCEwIK0ceiK5xC4ErZWzg5wAq+\n2XMLrSeIpyvV3PWgaLVNA+zJS49/veAfR0tLEWOmWNiZPci5aya0Kn8g5kfl\nnbXe\r\n=x++8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD/9/8JeFT1628++8Ro4saO3jmI/jLGf3b2YyzrcBtI7wIgCtjUCB0SNwBLRtK+UGg7DXSVQXZ0wN8bDZxFF17RTdk="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.4-ffb4fcaa56b7ca4d9846d41ec34d16352c62f923.0_1592842039646_0.4121963095572929"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.3-00e7da3c62b129e7c80d70e65e76fdd8a6a3eae5.0":{"name":"@unifyux/theme","version":"2.0.3-00e7da3c62b129e7c80d70e65e76fdd8a6a3eae5.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"00e7da3c62b129e7c80d70e65e76fdd8a6a3eae5","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.3-00e7da3c62b129e7c80d70e65e76fdd8a6a3eae5.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-IACWn5tq5VDSWASLefCqul/9TJzwTnmiG7Z8SZT4jkKgq9+58xtgPzWPIfXxLmv/T+zGj/3LAgbxZtOtcGdiJA==","shasum":"ed56c380cf743852f962da86105435636cb49dbc","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.3-00e7da3c62b129e7c80d70e65e76fdd8a6a3eae5.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8rKECRA9TVsSAnZWagAARP8P/RmtseXzN2bnJZhUUuj2\nCrzrBF3W1XlGIB6p49zJah2uagK2b0jwfKsI1bRtczWKOcPsoV/pqFyDzGrf\nh6iu6UeoEuMfXoDigkzBAcToOVItojstVk/gp7q4qNJX0ZDA9kJEYSgDLS3x\nNSJafKAuxiyMgNhBRP/CIQdzxHYYx0g1BZELVPOS8o3e+4GydarphirSKs7b\nF/l5y6pbHWe9HN4rcUs6XsR+apJhFmFp9l0edDQKTfn65ETb8iBmxPW2urxR\ncHVffwWi7eRKgARQf4bnSxO1SChG78cYUzX2x5VzCg/zYmeAlJABG9vOy2H/\nSXZrBNytGNlPWNa7PBcPlZjaY6adF/H/UCK3ajcSfHFad/mNNrHdzeqxz8UC\nbThIBwoQ2zqNKPW0AMBcihsA64tBEcKaBvb1tkXeWfkj6FugDoxIYVpdtIvE\n0EwR0agB+C9ur+rS0sMf9CD5V7pTyOP5smW3kYmWW5HXQOG/RKiggwEy/q1I\neS0QxPN/4GZQPHFHztIyvMDVAUsI2NJt96fFoBHkPgv+7A2y0Rv7Q5Fvaonn\ndYBaV6ryLZp6+CoYipM5O0LO58iDy7KCJeuBkwDaUYROAYjoSRgdIU8MdlOX\nZFgX8/mIgpjp6XUEZ6kOrH6CmI8An04Tl6vADLlszuzDOlsH/QQkkxXfiWm9\nSMXY\r\n=F0gU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDbg68l1AQdFeOQlYk0XDHD3kU5XtpM5KyOkC/vK0zWtQIhAPYGofVxHxJYoH4xUcJMqAi8zLZLmetd+Dhym8KopPG3"}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.3-00e7da3c62b129e7c80d70e65e76fdd8a6a3eae5.0_1592963715557_0.38549208531129175"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.4-92520f1a57ca29a75790b6e679abdfb7975e947f.0":{"name":"@unifyux/theme","version":"2.0.4-92520f1a57ca29a75790b6e679abdfb7975e947f.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"92520f1a57ca29a75790b6e679abdfb7975e947f","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.4-92520f1a57ca29a75790b6e679abdfb7975e947f.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-AZuxOxWfi9EYoRuszT5O9iKacbC+qtQ3sFo0ZYfp7AIcocbwG74rauSliz1HfyBaytE9tQLW0sQhRSfop7In0w==","shasum":"25029e96e4c24c764cfefbdfcd4db487ef614da6","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.4-92520f1a57ca29a75790b6e679abdfb7975e947f.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8rVOCRA9TVsSAnZWagAATW4P/RslGJ2Ef3WnajpNRX+e\n0iEuqWJSIleg6QoANMUPLEWc9mEh9d9teM97KQZimsSayAGDF9BJTyAnikbU\n/ByRyPuxLkm7eKDE/FMrLiL2CicJ8k3RVSZAGqCNt8OXNvTMRC/AKnoIip91\nx2mtqhS1dPvbwE6NzQRFS6JP0Gj6j4T/noRWY+vJpixAavGR2fEszC7/HzgZ\n4gxDeXe/kLyN/ku3xP11VrOw9nx0rmpSSrNKdHRHm5iEj17QBqDEYXeESLYl\n68eIb2aH2uTELNYatClqI/ucH/J8e68v60xyh9ZZMTWfHKta3UFTjm3/lP/w\nbBAsmLHMJrery3fDmakIcDDRkuj6Zn3q4lFQoM/1xnvVUamUThrooZ/9dn4H\nl+wXgG8732EIhnB72HU3jyWqEYYUq9F/YZBoMbc34Af8UrYtDpawZv+OGlOV\niJXepIg3I4mD4D+fDK84JNvAIINsU9f7yjUC92AIddYpEpkcPExzirskbR2G\nI3FLZ4mwoUg4NsZ0+XwmWgdIn++wTQinR0cga1YrsRVtpCqIj/Gcy72bAdN1\n0LBStb8rVNSTUeaO1N0fRVFFXoFpkhjIJp5X1at2ddJakPITEDuZJTX16w5+\nwbs16Cm93o2yVHNPqoIw/Bpsb5KhsLoha/xGpdPahccTcqKqv0QLuOTqL5sk\nE3d6\r\n=P9Dz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCU14tBKHolB8/2xYqn5YwRl9xSOLDUfByyRVHcc5b0hAIgVBMDK4jRaceGLDqUA/4159yacaS8FPqgHegPFVD/9co="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.4-92520f1a57ca29a75790b6e679abdfb7975e947f.0_1592964429847_0.5255037219992744"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.4-e6a5a88d0722881c4f8269a471a6c80c5e5c7787.0":{"name":"@unifyux/theme","version":"2.0.4-e6a5a88d0722881c4f8269a471a6c80c5e5c7787.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"e6a5a88d0722881c4f8269a471a6c80c5e5c7787","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.4-e6a5a88d0722881c4f8269a471a6c80c5e5c7787.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-87t95N/iqV78TxWA//7IjpptU//RcaqoGgC/qjzr8zeJSvs47q6i/kfKp7My2JD/0M6zbyq8VqdL9cScTGiFcw==","shasum":"73567dc92b0c2f4349c8a60240b78e4c27ebf5f7","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.4-e6a5a88d0722881c4f8269a471a6c80c5e5c7787.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/jvXCRA9TVsSAnZWagAAGC0P/R1s7UUhFhz8YocJP+WY\n8QZuHQ8XsONIZ25saM1ck8Be1r8IDHFWoYRIyGwU9Uqlg8uDqcIVqfbJF3We\n6EbJyg31zjGAb4MhXOMZomTl5lo/xVyDx8V1SiHYuBQRD8wvw80r2YEaNHbA\nOFxviXqhrPr5V41cnkjx32xgNG/f05zgL7mbQZAsORQ7+eX8wjLG/w/2LDDM\nC7eFdDvEINLcKvi/5r69VHGo/2saktxNnioCaQSCwFTc/eFqV/ygxomi5my4\nZx/uZcJMFCPMjAYAbnmp3OSOCmqukywhhmYA+QCAQO/RrFjRHha42wgkepkr\nWIeiRYjxtSPKhO74xG3gTg82QozrAbg0txXVSqOtIB6poN1QSg+PAO7DBYZX\nIE8jrNe3lvsjsbK5JTZigH9G7OyJSAeU5x9c/mexC3Nh3qUyWPJC2ACozG2J\nVmhP5FZp99GPMOf4Nr0ZJutzdLac9Al0t5Gk7LxEbq0VYJsR17y9kUpiv573\nVIhKYt4Y2SVE4gY6hKijQsP4vzql3G/QbwPmIceOESExtEHrOJ9kMWlWRWIB\nMuUEFGf2LmWYgGnyjEmoIRfhr9pFiYM1v5f/Ihszr4yXuabJ3HLn2fWNZy3K\nzivb8qak3AHQs43Ih+yWaNwp3YvAVn4SnF3fa8Pnud0CqtOD2CtWTwGvuOpr\nJflR\r\n=ceen\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC/yf3soR182r+nmfTsWJVb6+RGVeh+2KWpJTCc14UXzAIgXjlpp1eY188Vo6tg7+YLOtl2sl1/nMx1grJTE3qC1zs="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.4-e6a5a88d0722881c4f8269a471a6c80c5e5c7787.0_1593719766841_0.36954320176760236"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.4-a6b15a87f099545866f9675a972e04a66558f1c6.0":{"name":"@unifyux/theme","version":"2.0.4-a6b15a87f099545866f9675a972e04a66558f1c6.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"a6b15a87f099545866f9675a972e04a66558f1c6","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.4-a6b15a87f099545866f9675a972e04a66558f1c6.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-BfVkBha2eS6NsEGGmclNQwT8M5EhwRzzvvt9vRLPd/tuFiSiU7SITtNBHRicq9ENfW9OrIbGzxeWwrQD0uXSIA==","shasum":"a9619dbf58e896d0d4e0444feb97f86f54cc1fb1","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.4-a6b15a87f099545866f9675a972e04a66558f1c6.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfA0n0CRA9TVsSAnZWagAAz90P/3KybvsY60VwxAVEHWaP\nxl0FqllwJmUJUef5aldaT+6TQ/h4ORp65fXUZhU7E0GlUQzJmeZLHedZ6bK5\ncZzirSJFpPH6obk2A+I83S4x/bkHs9tQZKw4ZhHk3ySdvJClb+A71it+VUeq\nZv8RS3zyDv9cDn2ysvNPNyi7+k9PePyO/PGTniox7xrCLTeRlAjjVtM/cMwJ\nD5XHQVcBHz7oJ+pdF5OhUllhSQ+AMpi3rRpKP/U25qIkUYd165ayiAJ8maju\nIDb2qVB9QHS59IOg3MQC0mVW4fQD8KYFc2r2Uva+ssD2PRVDivg0B8C0wIny\n4oYrq91BY5WH11r7CDWhx2Fk4iteo4cwrW8dm1X3G1CtrzezGbhHkXo4Vz82\nR6I+wsGobyTLZWwJDSV//XRtN4R8KHzZcmjc6rRt/+pKyfnV2agmAOF0Fn0K\nPjNuJ7Dd9g3UQr7vH8sKdfM89pdrzkStqgrFTrYBPSZXQ8HZkx6S/g2BX50k\nV831W0DSnkdntePpSdEfZwHK4ep2slhcnNF3nSXo9jf4kY3RIT5jdLj4AL5P\niSa52MGoyd241BFnyMZgJ65CrTzvls9pYho9BvrojQOAg1ZyqV6AmRq6PZ5S\n3KVnusvnFgn/dwi67nRr7wTXhfcv/X+Hv/3KxnOxPMQFynGxVPND71yAc2wG\nkAjL\r\n=WJQR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICHouVltBy3S4xJQlumRHt2lvF9Gf81qwqGsHAlrVNAdAiArv1hqlVKNQW2j8ONLANt4szp9KzQyf2vcgiX4XcewGA=="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.4-a6b15a87f099545866f9675a972e04a66558f1c6.0_1594051060158_0.7699013285062579"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.4-539073b53e71e6c52ab324842627a80dbee5ff83.0":{"name":"@unifyux/theme","version":"2.0.4-539073b53e71e6c52ab324842627a80dbee5ff83.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"539073b53e71e6c52ab324842627a80dbee5ff83","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.4-539073b53e71e6c52ab324842627a80dbee5ff83.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-wIysXG6/v250UEdqtdtdMXNY1/6mH6iQIwdGHVJ92m216z4kl05xhHayQW/5nLFZpdfv0eRXmKYzbwkXrp1GVw==","shasum":"8e6ab6fb36e82cd25baf942eb1ebff0399b0d61f","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.4-539073b53e71e6c52ab324842627a80dbee5ff83.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfA02zCRA9TVsSAnZWagAAFlAP+gLTuS6ZNLUZ8eknsYQE\nZbJJCrm7S49rRKRIHJiZy6c03dKVbCwNchaVER+ARdo4XTzgVWZsc0w1YccC\n1DjRV8skQ0cboUg0BkjXrCM2eJ/S8o+YJRM5fy5BR0A1aMy6IZyUqRR2NFMU\nyKkZDTVsMdRDvFycUd185HR5fN83cY26WKO+8ZxfRehW78r5kPzbD/GDazm3\nUc9NW8ImtHGXuLOKeJef3LmGewV5RZjNsoZIqQkJNi1TJCCrgrunVJp3Nfu3\nGgVm1y0TvAdwR4hcVuV08oki8B0J0wVEtiu1xjgyslujn+13uuG2YBxZb9kk\nvJ1j6mUh4DssA4/egs6+9efE9FF9X/B9b14QZFIpTpN3V9kDUgxdwNnVStLC\nDtxrZQQGYms8C6W9kTZIXJY3SxPqERlibxQdXrlX8YygdGY71ukTLZRH89fz\nA0pHOdL6jbQinu/aw0PlRI7YABVsYfhloAD6zkBZKoDy46+HKvdgg4XY3G0q\nOhjNUo0yrDaPZpoV/U82b0ffc60Iq21k6sA7nCE5XNb5uLBLNM3zVFpymcM9\nIr4VNWui6UI/fBTfqyi1Mugf3ZfqXQm8Hvdq7qQE0pUl5oxzhn9Jb+dIUs2e\nmSPNMFZ60Gr4U9PvyQaeCZy+QZMiv42nxAWOP1fKG40/qeuRoyXKgIL4RoBr\nlqRL\r\n=Sv0f\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDmib8lvN73qZSUwWp5zF6tBvu+qps/7ewON4ZNx+pcqQIgTAoWWV5jAUiFluN50OIWkUuCpCgTYr6LsfEc7DtNn6Q="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.4-539073b53e71e6c52ab324842627a80dbee5ff83.0_1594052018540_0.358824894849503"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.4-39dfe5ee2f3d32d5a4c6daaf026f2ea1c004d079.0":{"name":"@unifyux/theme","version":"2.0.4-39dfe5ee2f3d32d5a4c6daaf026f2ea1c004d079.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"39dfe5ee2f3d32d5a4c6daaf026f2ea1c004d079","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.4-39dfe5ee2f3d32d5a4c6daaf026f2ea1c004d079.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-FQCLnPrygWJpPtYMG42MwxVwCQ7lyZfP1Usxmys0dDSX1IEFq4BmBhpMmUmQJlar0L4Xg31EZjwIRt1eP1ZKfQ==","shasum":"09050af854af13b692ba1970d91b7bded1d529a4","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.4-39dfe5ee2f3d32d5a4c6daaf026f2ea1c004d079.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfA4NeCRA9TVsSAnZWagAAIOgP/jCCWTPZbipNwCiv8Ysi\nio6Z6b95hfeI64m8UKE1/7QDWluvx6LgP1vI9EQpv51esvxGM5L0SwtykMQ0\nCAk/esAUqVr56przrFMUbba7mRbyjz1zj7BJJjtYqjhZjE+Ud/mGsjSRcote\nJLSRSYFdAwAoq+UP02I1PWl5Pg6Q8fLHuaFvhJkIhn76Z0G3FKsrVnKbLbf+\nU5wkUCK+n8S1I0EPnPZUx/lhOtIqscO0lpWDoAi9VOS54R2WrsZM9A2qui/x\nIyzlNK9wW/rjj3GNPUSB2vRuNn9Autn5Xaun4OlWORMwN29uRr40mHIVtMx3\nWb0iD9epTu4nuYDsgK7TwxzcvR3dzq+9vFK+ML7ENWskurJt/YjTYXSEOnEK\nWUMdplXQMtaL6V9x3fLTs+XS6ruGKjLPDXV+NTQdh+P1MiYoFpNTq03VuMU0\nYTLGmiv5RVrk+Vq0+Mh01ESxwKxrMhvEWQ5bnvnmymWt9pStq3lHlP/OZBBW\n6hsmehc0X3v5huJsJp+iJ26IA1qv1m8SQi5WxziZG5bN38e74YvZQAc3Eagm\nM2ExLsV/MHRra6/ZqdczfjqEVTC8lj9rwgV9JFULNk4iA5LDwLWerG9ciR9p\ncgrj/ml5POna79BxyOzc156c0IO0jHhkGsluUk7ycUgBhbNdrr88WF6mDs0w\nF5Fm\r\n=1lVS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD/p9G7ngMOLD1/hf+4j3rb+mwKSfdTuoWelJ1UO43obgIhAN9t+zw3Z64yxWfAZK2Ra6T+E5ILluKFu2478f35hvoh"}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.4-39dfe5ee2f3d32d5a4c6daaf026f2ea1c004d079.0_1594065758327_0.6845449965737047"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.4-70b2d204e9f01f004837d796e3f320f10762ed1d.0":{"name":"@unifyux/theme","version":"2.0.4-70b2d204e9f01f004837d796e3f320f10762ed1d.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"70b2d204e9f01f004837d796e3f320f10762ed1d","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.4-70b2d204e9f01f004837d796e3f320f10762ed1d.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-L/KCuQpTrh3CRJwygRLm/zKwIyfOcUVVhvFMW54Qu/oW+0w4HzFKJ/IHlkWojaV5Y/zNMzPwI877Zfr6rwhY9g==","shasum":"ac1654dc5ece89500636d1a0f1f53c96ced96e06","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.4-70b2d204e9f01f004837d796e3f320f10762ed1d.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfA4drCRA9TVsSAnZWagAAqzsP/2MD0Bg2SYlRhlD4UGOO\n/2JP7YVVxCtW9Q9Ts8IbwodTv3/XqP7B1n6gWQIPhU8dcY2lKZaUj0Vy8f3H\nwnVUAq/mQ9XPbwfSrO5Xg9P0dnhCNDjzRTlA+aonXfrsRl8uJPI+hyAtjz+s\nIe63yObn1EKMC76/iPH1wKdoEOtPOGhuVjPUJrZDEXsuhzBAmq3PsftRo02H\nNr8nq7ql6JKGTRWEwWGmqrTjb+mXw+ejqFBwwMwrFt9cF0ee5X29VCWZwjKb\nZB4ywx+060h1pDH9cvRk5VepbcrOLhiU/MY4Z0OKx9tcYocbb7vzeXdZhpxa\ntcdaRnvBoV32t/2hJ6tZ5y/gabOyoaYEaGKnu4rv5YigkWuiTBEW145mnoXT\na6GfsOGHBJyNVONDsFuoaKLN/ZPfKWvUZKxzm3v68+ScVN688NmeM4ERIBTs\nNAQxLOcvyltJfkutdZ7TucOZGFhiH3tfAEm5Qmih7NepW/2dmpaF9oJe+njK\nZJBbahlX3LjF6JcWj8z/nRg+ZPGDm76ACIoWmjLTr3HPTOmxrn3FeR/KM94i\nhxUYqnaPFpDNGS3YGxljeuRRRDa5DBzkNyNXKRsPe5vuPHRNgKkFu9sVVump\noPlWHayIuho9TWv6eXl2am/qXIE1nsvFNX8qeRD7nX6cPM7+1tPFq0DceMsC\na4AN\r\n=/Oy2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCo09yshLwKVlx3RWPOBujdE4zJVX40PqipMsP4nxaoCgIgOCKkNvY1mtHTdNaVWv/qT4EuG6F7tz/nX1Yal9lEj5o="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.4-70b2d204e9f01f004837d796e3f320f10762ed1d.0_1594066795483_0.7528057906341483"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.4-cef7f76778b44253a035a37a51d957640a148354.0":{"name":"@unifyux/theme","version":"2.0.4-cef7f76778b44253a035a37a51d957640a148354.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"cef7f76778b44253a035a37a51d957640a148354","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.4-cef7f76778b44253a035a37a51d957640a148354.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-lk8byfbUSVLH1zElH99U59hNTonXsPElK9LPSO/kxwDlXth7/W/ZWOCNPmv/F3E9cI9hgYfd26gWr4TIBHnuJw==","shasum":"be625cb9b7d0798a274fb707de5bc2d7535e244e","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.4-cef7f76778b44253a035a37a51d957640a148354.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfA4w8CRA9TVsSAnZWagAAhx0QAIQu7pn5hv9vTCfETlLB\nTyycqXz4KE100NLGYuFpaiRCgOgLR0qUMmyAAs38XflZKKAnMGg/a5wvvWef\nlIYIG+0NKZKXEoX/wXud6Km+CfSFjqr229zi9Jl1UCQkMLYBhGUvj8Nh7GN4\nMnlXmGVvkionmmcvQ2Svvdfsh21GiJDZLY3E0KZtJ4FTRClPtjlLwNpVZYOA\nITPC0exM2UvBN5xzwfAcA6YMBQaPMDVnGOhhYhwaWMe52r4ogYF03hmwR7jD\nPDBkapwVo3dn3ellft7jSo+AJF7ocMlEBmG8wHnkvQpP/avk/p0TSo4Xxckd\nwyz9wR5W4rDDM9vTMQzK/EJrVO9uVvTpeqVbsoUl4QczcBo3nKRbImoTxNgr\nQ8O4abRvOOkqFHuPNI4oxkqyMjXthayqQe9AIvpwtXwKrzExaZjj8YNfHSmS\nuGz8DOTHldF/aPm3V1593UYYNticv6A7XfR4IljP176Vq6974Z+n7iYeRVrY\nR6tFKRzB0pP5hHrIC9WIyr3BTB0hw0TxgTIXUtIjDGScI05w2bW9VnOQ/1wt\nlc71BreroHW+UcW37ZBbTLt9zpS1k7XgULcipFtGy/LyosykOPfiMnyylFDM\nNMiYQBjJKUEEH9jlCtvf3iyIkUYSZ0aMbX+l0/C328EL8OZVU+bIQYDbSm2Z\nNCWo\r\n=h831\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFkDZrMsQhX64h6ns72oII8XY8C3h22yi9vBOl6AmoIYAiEAln4FWySu4MGWMz1qegdY78MCGO7Nw4QUUi9W6P2ymok="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.4-cef7f76778b44253a035a37a51d957640a148354.0_1594068028241_0.8820035766352041"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.4-597ed4c23d673fdcff6ad5ba5a42764fd634731a.0":{"name":"@unifyux/theme","version":"2.0.4-597ed4c23d673fdcff6ad5ba5a42764fd634731a.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"597ed4c23d673fdcff6ad5ba5a42764fd634731a","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.4-597ed4c23d673fdcff6ad5ba5a42764fd634731a.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-V2sH4tS7PZOd9KEjF6Esg1/CZ9io8GrZ3M5ds2oM39UdDCxXXcny0/aRxyPN8wu33tBAf3Vv8h4CcbHTIHR0UA==","shasum":"ade97d471fcd6f9db780db9a21cec1b53d11d79e","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.4-597ed4c23d673fdcff6ad5ba5a42764fd634731a.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfA49vCRA9TVsSAnZWagAAoUkP/j2TU+jC1834Ak3k45zh\nd+IjiKNigMdjawB3gQzOj7+9J1AHyDv7DgeidCuNY7fuf8ZgWU5yfu1QYXXS\nqAvfy61PLouqKCtU+w4o+J76uLFUiSSyfbPcBSp7mjfQO0ZMvyBY2FdysmCf\n7YWij4KHq6LNeoVpAQcVUwpNAqCwVQ5SR0KBAqVWMY9E/jjQFswOgZh/aRb3\nvEu1F6ukP7SXUj2mNoxvVzLL3GOOU8Me9d1VdKGA+RKwfn6cPMg4wZscQ23m\nI+Ucwcd5eOKQtV2ZFRXQJPrAQgT1GIGJNCFBEybEGRu+vixZS/oZ4b0AvvrD\n7GBltreD4YrlmEkOUT+Wcxb+hLT5Z5iLljm9BOXubohmUR7+LeveIqXoRCP8\nrasXGNcyNidQT940Rm+YzS1XEf/FaS43K0sslkCqAaGLi6cxHPGc/e+m+Qs6\npDrBIbaACm3THTVxj8NP2WdGW4MrsT7nByaWLMD7fLPc7jV2wO4JV6ragquN\n0HLN8e1Gb9RVS3ygKmcD+WM+DGvCcQ9yv+TYqkXCR09jVEiCO3u0/ojaaos4\njmUSap6yIinEYyyO45+ANVHr9hzJwAbOxm0khVstCW+X/uVaF8qxi/5s1PMH\niSsEUWlslR31lV5jyb5CreHDkaxjqL1pCi8AwLzuAOy74ZyP1GuERNhyTjjp\nPsHl\r\n=f4S3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDpL4CPyxmsjbtrO1e+egTSiM1EdbBU/6gvvh1MtnOCwgIhALkAfuq23gtK2zZ9UeW1tFXuVFvEgyCcF97OiyYu6EFy"}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.4-597ed4c23d673fdcff6ad5ba5a42764fd634731a.0_1594068846812_0.49121902728196143"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.4-33b8ad030e5cf2b10ac8a99bd6259e9682e0d162.0":{"name":"@unifyux/theme","version":"2.0.4-33b8ad030e5cf2b10ac8a99bd6259e9682e0d162.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"33b8ad030e5cf2b10ac8a99bd6259e9682e0d162","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.4-33b8ad030e5cf2b10ac8a99bd6259e9682e0d162.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-IEZ7p/3un6rIbSLrs5uZ8AcSTmTyoEd7H/j7aBKEzK7xS+GYT1ghTjPao5vXw/nvslN/BESlE1PX0ovCM/xs7g==","shasum":"83ad37990d4c63b8b1781d3766b867bce2543ff4","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.4-33b8ad030e5cf2b10ac8a99bd6259e9682e0d162.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfA5JVCRA9TVsSAnZWagAA8OAQAIwI0D93hrgVPQMknfep\nl1VBJZmT1sO/LNW+F6uMSMcxmxpHJW99yry59fGQM2Ysh2jq66J9eKquvJbt\n5+BljbVRgLxfpJHOIce3doV4vw2uCXsPwfZpj2xOMyCOmgKl22UnfYrJhlTs\nPpKvhoFcQ5PT/bzTh8sH/4bs331EIGDVvQTiMPEIXpo0UrRUTpkzWQ2mEj2m\nYmr9pxnjiUepY60Mfr4I5wuovlxFyakCEjdwCXc3JN32tzKEnRAky2sbpae4\nHSXEZNq9XFV+Xf7xjr43jbsB8QlTpbSESBz/Zwlr815TetOq5yK+4PLTTcBp\nzU3b7z5Km5/3pqLw0dXhL4xakVKyM0YCptbmQp54IYAPaGtaWE+LTSxgBN0a\nw2G2kQy+vlWzwfdK0dnEZiVfHDAMEcnYxdIdR/dkeOW6zStMEMFm7GYYp+gO\nh3Kq3wlnYkUA7rAVoqN67z8rNOyxGLONsNkmA5XYqfmbif84QQYHwxB7ha2N\nSSjQ0jn0dgl0EO6iz/q1vF2F3hBXPlx886PrXyImwsUd/Ppn8jRsW4XJB55Z\n3Oec7DSH7n07b1hgQlpOE6t+m2cmb0GarSkacfiBhhM3P0f1gTa/6KLJNB22\nO0D8fAuQ+bfSghJfVWjJfaPRXvuDMj6h72BXhxS0wHEImo3VqUAVz1qbPfXx\nNGeH\r\n=y1HI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDkvyv4TMzDze1edHHApbLmJ8jhLsrNMNslM9IZWhhf6QIge5axUfxtAicQ5c6jdvv3quqL3c8ELoyhmbgMODCsAnE="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.4-33b8ad030e5cf2b10ac8a99bd6259e9682e0d162.0_1594069589235_0.431145056899896"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.5-327324f62160baf50eded6752d62b961001525ce.0":{"name":"@unifyux/theme","version":"2.0.5-327324f62160baf50eded6752d62b961001525ce.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"327324f62160baf50eded6752d62b961001525ce","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.5-327324f62160baf50eded6752d62b961001525ce.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-YxeeSUCMYaYS5kVC4ZQPYA1EFannQE2vo7jM0yq1Eriuk14sA7qKA0+0+sXOw8yWIXGRUugM3HAqAC88ZNUipA==","shasum":"774c4c20c281de00565ee451c0bc632e2e244a2e","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.5-327324f62160baf50eded6752d62b961001525ce.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBIIPCRA9TVsSAnZWagAAgrYP/1KTB8/IJbwjSl275xvS\n9NCdcWxi/FcBXXXxmm+Ds0aDUhoIcokcUXAgo11iZu5Ts0l+zNkZDdiS3dy9\niQ79F0ucflneQVkLleE0A8zs7cbvftYP24mVtjCot+jc6d8Ab2K7MfEItXwq\n7889Rq2iEnXI4MJOXuyUkaAY002WLcV1EC7u5otWCOO5ObqJ5dy3twozUI2F\nxmF9fEe0bPxydxGngQJYrKSbXUc8+UpKiG5dAOZCsWw9MvoQt0c7gZBaXi3o\ncPy99PdyDaCTLJODomS6L2ydi/RnhTdsfOltBY/oUqmU2N/IPeequ7veQWtY\npBZeBd2zgvmGGUZz2oFYFKE3tb3QRCf5kMnqhik7H4tWDFF5NJKE56xBlA0V\n7vnkx7P+wa5QIhXenuLZhbGf+egg2D62tCqciq7hmOvp5NGlOZtyo5tLX2H0\nBEsLdiZkFbZVieon5ut54p8cmRvjVcnfoI12xaVHn4rtmbkPuj7eadGQhrIQ\nbrsWE7MKG3OiAZ9+EmNUdSH1hcKUMk9GaPbO/bBCBZww1nL7yfDSXk4+s9GP\n6cttPFn8Azig7aTEv90GBnEEUNZtdsLxAlW8ft/fPn293LpTS4A6CUbM35hz\n9C8ie5b7T82PLxTK9BrJRcFMQ/7Uce/X5/PBVY1ty4Ty/vroaTsTdH6d3IxF\njfzJ\r\n=1Ocf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEjbEk5LMlihLYJ7u8Wi51/pAleWF3HFoy2CWd3CUpbeAiEA8LYZjcROHyD5Y90naENxKa239j3BdAIqIomYcK+1euQ="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.5-327324f62160baf50eded6752d62b961001525ce.0_1594130958913_0.43485313726095987"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.4":{"name":"@unifyux/theme","version":"2.0.4","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"eb9dda0601026a2701dfd013ef4b9a5bb9c98177","_id":"@unifyux/theme@2.0.4","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-eTV0tw37iF17D5O+sN/dmCIdT8QMBixLEhqFNjup0ogtZGJKqmM1JQpn03Mve24lZc3EAIhJGoyAs9w/0Ie++w==","shasum":"d3601d86c33c63c0b4dfe6f7c153035c88d8d63e","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.4.tgz","fileCount":11,"unpackedSize":15567,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBIccCRA9TVsSAnZWagAAKBIP/jKoHPZGvinAfaUVJZFT\nUo+3COeNfJxtdYAdGDg0wpTv1lN7hXefiPZNDT5RKDZrV8rIUzBAMQXjGmOE\n6FN6RNP2OllX69ecTIgCCiBg7xzKlK8RzgeNRRweX2GssN3cLEiGzBVo8Jhf\n/a0Ous2tooA3gUZ7I0tbHj4TU1CgPMSHHJelBy9wzgjuH8i/Hw81P9QJHrzu\nBIwo3Ac0/0c5/n51HHDeZk7pty+zlZDIsOEbXhIRtCI3PstEdioWAebq69sa\nz43UFdAgclvmdeoqRJ7TCnAcNJQzg+9ToLTNO80HDHwtjebqyEP3S4BulaKf\nmG6jux03oGmOJLHiDWj3NQNVy3Rh2xF7iSShslIbIsCJWTveZ3xc0eG+sx4Z\naNivxklmFs3YfqxLdqYn0AqxM8ZWsAVsmD5lkA8bOhzEAntt8Id6FA9aDC5S\nRjAfd+zXU+F0PMWerd9V3iJz9z4CXowdzPUthTPI+yZfrmNOTPBih+UvTZwe\nfkmNZh1fNKl6BqIS4hYAN7BzPs/Asq3zSY0Coocs1UVXrZEALb/G+t+DJKoY\npPc0O0+P+Z0C6wEHXCvyLSSAVaDPGddPo6IbXxpIKLxCqGVu4B9U+zBs4Tqi\nPbw16bmnqnj7id5XvIHwvHj18SNANdZsxiriB51OkoUBkEW2qi84kdQq/OmQ\nabbb\r\n=k8G4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFzhk0u7LIqXp8OAcl2ecqjlkaV2pDOT/vSTyMRw7pC+AiEA+6g3sBt0BFP9344gmqxxZTe0/TB2aXLgA0AC8TuIlFA="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.4_1594132251981_0.14276428578564992"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.5-6b313ddcfe1b389c8727717118f58d99b952bc43.0":{"name":"@unifyux/theme","version":"2.0.5-6b313ddcfe1b389c8727717118f58d99b952bc43.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"6b313ddcfe1b389c8727717118f58d99b952bc43","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.5-6b313ddcfe1b389c8727717118f58d99b952bc43.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-K97cqZtbXsRsfj/TOvJVJ7n2wGj4M49cZZIPfrabZLi2TeUd+pMCG3XdrpsRdzEBYFhnKRzJE7/VJxWiAahZgg==","shasum":"54241327422a24e56c309f4dac29871958b1d484","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.5-6b313ddcfe1b389c8727717118f58d99b952bc43.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBIoiCRA9TVsSAnZWagAAItQP/0YifCrJnDZ3nUHDWbk3\nBF1QFTrimNlTftE2cce2U0DwQC3JtrbwkUY8K8hb7VQYmBOLzNEqOUiMkGyR\nO3zUvOzjkBUAVbzkF/G6Q838JumsBjObNPiMV/qU60d/Z6GWm0Y6vLYMyBuH\neYQYeDnM4zdhY4DTYq5/RUGswBMKgPROUCyx9s3N8cG5rYyrcVxA1CrW7D2q\nIbg4TWtCl+VKqhDAdDIGbVPQfnOc0X437eWl//6lVW7+ROKHzsFQzsaoVKXO\nmZDkkx/0g8jiE+hRWCrCVJfUlVpXIvD9PMMLUgD/10vSBIoe1GfuOkqQi1sc\nV6XtzARx68u2dkG3+GG5JgFWkTx8ZklGMyPDxcePY2V38ZuK38W+aW5en92l\ngGqNRwu9Xoh+u+RLonn3hrvBuGO7ewYgsVsA0gAlbDM1R9VjbCzVetr3PWha\nLEibQfHgYxMAJkIb3n9zP3xWo25D3Ocv8Memwby3I5nVFbs2CAQ0Fx7kfMTf\nIKBmMkHvh5PYt/PstYqEu88m7kMD3ijOLdDHuKlpuAM65l9vM75MxzExot7+\nA/vBfOIlFuWFk5uiTtee62qdWZn/AWI74DMj7bq5uGV4EWGzrTlGM5lcB+E3\nuvw3xWJa9MUIUz+H3J0JZo5raz7+esUtcSE8QBIUxKs6U7xlIMhE5iIRZZfF\nTtmW\r\n=LcWO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC2sK1XPnTvZTtEjRzgGNvT8q1mOGDXH3yVqbReG55h0AiAv5erIyUZZouxl2f0tt85hUcCACElc47Myul8SLUfPeg=="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.5-6b313ddcfe1b389c8727717118f58d99b952bc43.0_1594133026452_0.9070813256708792"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.5-b831a3cdab4ebe4ab4988f8f805fbf154c32aead.0":{"name":"@unifyux/theme","version":"2.0.5-b831a3cdab4ebe4ab4988f8f805fbf154c32aead.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"b831a3cdab4ebe4ab4988f8f805fbf154c32aead","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.5-b831a3cdab4ebe4ab4988f8f805fbf154c32aead.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-FXRruA0CIHAYl47paHtDdq9sU48ASX5RFWFhRPMxAuIY5DwEnJYzYeKFVJLDXjA8jl9CoG8r1GYZheVPfxLhCA==","shasum":"b04b6862432ede9ff9c6629b9e52314c9e281f48","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.5-b831a3cdab4ebe4ab4988f8f805fbf154c32aead.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfEg/sCRA9TVsSAnZWagAAhPsP/0Sd//i1GrwbMF5vPEEB\n3v2L0sYwcAsP3u7l9OujLuSG9xQpYfG2ca9wtHMxJym/0AK6wQK1kI+8AAOs\nLDe3Dpr1DZgLAcdnVnQEv0yaDjYvyEc8nA99YfUdE9xCG7/cOP9NlsJ5QufG\nKiUdM4tjSyesksZzBDVQgZIys9/lhrifaJUwjdKyHgEzc83MZO/EkEJk+/Nh\nXkBcN1xX7+uXCcI+LiLj4Vi2DnBhK/8XtLnQXbEglaZeNRdPRXJ5zZohERZa\nxofQuyjy6gz6sMt1Dd/TC4KLH9ktUIXPVwpxyq4iKrRTrU1uGBROS86p2Ey6\nlLftwG9TlRYI69DcaZtCdJsgAOb2jFnSIyDLc3jYFRV2WN+FQbaelJvZIoAh\nFQ8XWQ7scJSfzZMhlJkfvxF/y7qtWolXSIQCdi47vCAexC+Y0EkreglvSPDL\nGW0AiqPvbt6dHpIsFTnccvzPiIj1ljYZkUbFKOZ74XFiNNxnWNk048ToHsNK\ngieCRme2kRodU4yIBYg45rM0qpcgIaeTS+WDNKPTkpeUP2c4s8EICB5XzQ6q\nZBiFVCRuvdLbMEy+gXSEcwVfM/SygI53TI00iecl6gjVR7Hdsxx/ld8U0xtX\n6XIWzfj+Dr12CWKuJwtyKZz17dsg2BcDZBw0+jqnIx9L97o4qxdT/iHd56cJ\n+BAw\r\n=F8S5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBCCsZLaJgq0A5zWY6dUrwk0nHoEFcYr5/8G90ylT2GUAiEA2w1bYxUjGbWBc/iR3d9uMbiFYHLQhMBQWt1xJz5VF0E="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.5-b831a3cdab4ebe4ab4988f8f805fbf154c32aead.0_1595019244076_0.3616115018530006"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.5-3aba2da4c55aac5e86b52f5b129996b21bd13b66.0":{"name":"@unifyux/theme","version":"2.0.5-3aba2da4c55aac5e86b52f5b129996b21bd13b66.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"3aba2da4c55aac5e86b52f5b129996b21bd13b66","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.5-3aba2da4c55aac5e86b52f5b129996b21bd13b66.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-1A8CT+Oy0vjOMNOSFCuiF5Pcj+zGhkJBJIOiUGs4rUdevAuF8GKLolTl7gbcmi3rfv/CSabisiYawnkMT7Cp0w==","shasum":"b1c434247580069496c2fa9f4dd1f781f146c4fc","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.5-3aba2da4c55aac5e86b52f5b129996b21bd13b66.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFZwcCRA9TVsSAnZWagAAskkP/2KjYuJkMK6l7cGV+IP0\nRVSlFQ62VKYZcCsrR+Dw1N1RtxSDZO3DVUSd0KyTNM+IkuuEt8op7V1y6Dd9\ns36s03fDAFvNxcE6DMy9eL0xjMIDlNIvXM3kGNsDYhyR0jSNPS6EWgkpcKdI\n4DH01Js2hh6i0m37kp94VRLZLn3SaLRYQ5Z6T/QJ21u66S6x+7FSmvWM8OI1\nwoCeRoDnSb3dqS31OqJQ78ac18UEDWHidyA9HdvcNwt+v0M3PZ7vBl5Ea2kq\n3tgmPZj3a3F91WGMvmL8cxklWLV427IRSZubSy7gJfYUv8+1zFsUVB8QQbu5\nVb2RddjplJFPFPUKAuT5NGN0223JUjh4pYmspLHEUHm+gHc2dwbXcrecZfiz\nEHqBCeN0DFg4jOoUWYWVE0OjNtXo6EjF6srp1VsjjKQSukVthRFVIsje4bgD\nSaijzoP7Ss2cUelov0Q2StJOZgisYFdt9SftajycZvXakqNDHGgq8ezDe8yz\nKTP/WMgOZGP8Pr1BtDEPBoAv087HvG0urjPm4RhqIb/XrMTvyhKkdOj8t1aY\nwKTWGTEKot8tB219RnQ5DYw29VtUDjWn3iPSOQsZpeCNn4dSDaKRoUiOP7MN\nuIfDY9EQASeln+mc6wX/g5y85E0Ze2+WG6GQ1y+YXBkwTvEfU1IXpBdzvvl5\n+LEy\r\n=VeBB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIANW3Cytha70bO+LoyxZytu5NQLcAGztbmtfNBn/GRGyAiAeyoOHuUjm6Y8hnKGyaKpk/HFh1QgSyoIX5JSml+nhxQ=="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.5-3aba2da4c55aac5e86b52f5b129996b21bd13b66.0_1595251740260_0.9935062137951844"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.5-690f7c890b8467b375d7eba5f78e1e0e0af884ac.0":{"name":"@unifyux/theme","version":"2.0.5-690f7c890b8467b375d7eba5f78e1e0e0af884ac.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"690f7c890b8467b375d7eba5f78e1e0e0af884ac","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.5-690f7c890b8467b375d7eba5f78e1e0e0af884ac.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-ExtblwZho95iEbYlAuqGnPZhBrrkdsykIo/bb3bRj+eZydEBobfj8RDcADnFvWhdCp3taXqZFMmbaOBIqB57cA==","shasum":"ab5ae8584d56c6a98040b4561c7507a4de30a87e","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.5-690f7c890b8467b375d7eba5f78e1e0e0af884ac.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFZ+GCRA9TVsSAnZWagAAgDAQAI/k9qL4pv/lvF6cvtj1\ncsNHyd+Kx+D8ZR6IM5YemQJVnJ8Ap8XnWD2tCRvbXnVYmSoeUKJnxbg7nz8D\nvQs+qsQk5pFZWzP4pohONRgd/1DcHeokqJkNyca3U1bd8mRJ04oSi+a5L9Na\n3K8IeYFO6q+L0D2vtUw2ubq0FzKQcJTSPoID4xD0fSib56k+XKW+vOR8dyt1\ntn4WE4AgGHCtFWUKWQOvD0uN9LtFKJC0sirRvQtdTkDZY8QeCLHVsYJln+bR\nbmSIc3wiWnV93tfUicKwX+xk5eQOu63PXcvBax7LZUqFgyE417nIGRyaulXS\niv+B287PNrsPbqssmnKYCbZF9ME1j0smBa86zegM2P0ZBpUOtV0zYMp/ZxVD\nkzo6uTmmt6nUdYvmWwcYt4fMhV7g77IfCs5aayfSfGO8OJLrcxwOHTDNtIaV\nNIu4IL9dvHUA0I1m1qfEvIdX0pnHYq+5CF8jt9iVe62GJ/eCuwqF/8nl6xri\ngR/DW+ssn6S/WFB/egtzLr0BCUt3UZ3Wz0lrFM4cxqC7nLSbkUdLuWi5JE9O\nc4cUZq5UjAOdTnRzLH8rlhONbhEjzzUfY9Ip8/3igfHIWUaToe79ppKlFXec\nvpxdpx0Q//pBOVqkFkRrhiMDqvqBnYCbgkjdjHLV27LS4nIYgcbZLI+8EppQ\ncrj/\r\n=AeHn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB9gAjqzOUBqRuLi62BA+fZpa3rgeDzQ8IdDd7/nc9TYAiBXep6YKkkKU4Ss57zLzwh99lp7zWzjZ7k39urlOVnJsg=="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.5-690f7c890b8467b375d7eba5f78e1e0e0af884ac.0_1595252613996_0.564375379421568"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.5-8588bd6c9251723e6d0a79e938b306f12109ff3f.0":{"name":"@unifyux/theme","version":"2.0.5-8588bd6c9251723e6d0a79e938b306f12109ff3f.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"8588bd6c9251723e6d0a79e938b306f12109ff3f","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.5-8588bd6c9251723e6d0a79e938b306f12109ff3f.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-DLCRACIIjv8iGrb8H2iYt72I3U4WRMEys0J0NnwTyTv3yH7YFj+e5WmF9g62zyqEqj4OVqVLDPpnfE6szo74gQ==","shasum":"b85ab0aa4509929b5ffd5b46f7ff01807c400b13","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.5-8588bd6c9251723e6d0a79e938b306f12109ff3f.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFaA/CRA9TVsSAnZWagAAbJQP/39pPjNsPf8GPiqS5oer\nW+O14x+j8exakss6p5i5KL9aPdKLXNFa3KPm90xuL+XLOXanzfj9SSzHPaQZ\nllKygbOyhO1zseJi4UUF2Uqt1zMV5OjiMLZUgqrsgMRAcVCZTY98b7hEKLPx\nmH98Tue+Qxo33t6GOqOQz1HzVuMDeG1XixeLxk5+934jxGqKBhB7RUfuB3KZ\nTYx+ejSnl1jgfB2MjDoA9TDqopjkg8XWU6hPKJPLT1ebewZwfGWn/k5UOQDh\n6mT5R1+DxaJYyvGGakb6gblLUsso8viSv/p4JGzrFFWS+N+haxR9sw4hFGOP\nBATx0xnm5E8Lywsy7x6z3ixJJmN1kKtXGiNukuKt2tmF+i5nuid70NtaiyLr\nE3rZqDv3B+3NIsVtUf1IgttoUUQCtrdB9bsCSYvMwbPetxcUlKutozitCCQW\nBigL2R63IaHlMlMAuiPjOewdLahcdY5IBxYJGVxP86y59dBCXwGIRulzJGMB\n/jgnEjQ7b99zA9WwpixkLz0ed4ue029UasqMlYNiQnG1mH9mSkFyjQS7cQ0V\nKRd1d96A3p9fhEbZHxgOvs6as5rM2aV5dE+8YyZvyLrw9QdxdaEofoWY0oov\nGYAdtuZGJC+aBzpWCanbjgkc/ltrrvOf8fSNcF6AIMUvw/mWH0GqfXMz1WNu\nCDJs\r\n=W2Ix\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICcgYSqfjdB1ko9qEpMD9QgJHCsaRBbzzIL8JjrRpMfpAiApuNMIexNfTKZ47zNnX8eqT/gG1p4aCLRfVnkPxwgLtw=="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.5-8588bd6c9251723e6d0a79e938b306f12109ff3f.0_1595252799504_0.754749975108689"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.5-d6f55a7a5547699a53187188a53448aaac04ca09.0":{"name":"@unifyux/theme","version":"2.0.5-d6f55a7a5547699a53187188a53448aaac04ca09.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"d6f55a7a5547699a53187188a53448aaac04ca09","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.5-d6f55a7a5547699a53187188a53448aaac04ca09.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-ehd1KdjpAwJ8E8HUPLyaXHv5PAis2Dmmh4CJZ9xEdTwy49uiYVv2yfc3zbwxO7PyvC/JiMG9diL3WccnwBTltg==","shasum":"2332b5e4b6ccca9890a4301b51e7d612648093a0","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.5-d6f55a7a5547699a53187188a53448aaac04ca09.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFayKCRA9TVsSAnZWagAADbwP/0lWo/r7O0oEaffnN4RB\nX/sL19WwbSs0HA4RWIantYpmythlpNp0pJ2TawtfOjNjCyZm5OGkfoe8tPuc\nnpsu/dYj15Dk6X+FxYkiS4ljetDRggohi95aWPs3l3v+XtvQdDHlaDlp1xvH\ndOa6ogYU8mmEqzVkBbI4tvuMg0OWdV5AzcUCxup8uT4n97Wu/vp4ZUCercAj\npR9DhD3rujUSu5ahxuIrU4pQHVN/tCLTHDX2xh9+qbA0HCDkIn8xD5Ru6uE7\nELQ9wGYsor/Kpmy431qMrQWjKGPoU1WXa8hMlh8pOeeVr8XXHz/C6s81bcqj\nxQToTUr1TKHZAE9ElzZMhFBcV1kWAF5y0PC9taW6qC4Q1zIYJNqagkl3gIPZ\nnJiXG9Uiep5kDsWdYLknW+botZdhByh3Zg2TcwQb8jD0m+EYiCSReir62d4P\nuIBcfcCEdDfnvENu8vZbDy2liWRfI40hL619kpWrY5A5tbV2CtLEQUWn6i5x\nOMdvj+xWBpYSGX4b14GMUbHu7Q0xFA6GMgMTdz4bBzYft5FkYgq0PlQn9dA3\nxyxQ3b0VOy4/qoY4dVgJQTDv7pGSRVWKRTcDr7+TdceIHUC1Ogv2vPS07qMl\nWmODMeRSe/zfH/8Egu3oz2b4HKvLamamp9jcMtqTkF03TYZdmoy5ddkBqhJc\nEz/W\r\n=uGsE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCJ6HnEPKpcD6mf9UnXvAqY1LWPiw02XdBxH0ARPoOIdAIhAJ9dlBKTpuf5n3jHuvwerVOmCrJ4AVTiGF3m5Ki//+Hx"}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.5-d6f55a7a5547699a53187188a53448aaac04ca09.0_1595255945927_0.5597244423584031"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.5-6e773c1eee581dc2bf7c057ae80c20628d31faff.0":{"name":"@unifyux/theme","version":"2.0.5-6e773c1eee581dc2bf7c057ae80c20628d31faff.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"6e773c1eee581dc2bf7c057ae80c20628d31faff","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.5-6e773c1eee581dc2bf7c057ae80c20628d31faff.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-PfTVTzHqNtrBoKukSATmZGzBRUy+Jg/T6BereC/hZg101CS1C4dwbPb99dLfSlaPKGHUt4epya+C2/+EJohj0A==","shasum":"a1d4840980ac17b97ee0a7b1eda166241a3e6c5a","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.5-6e773c1eee581dc2bf7c057ae80c20628d31faff.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfG0ULCRA9TVsSAnZWagAAfuIP/1uBc2is+JQj5cuP9r0T\nSG1ETQLyIka93edznrs+Vs1xBAMyZyYHvm9ga2H20OqBTWHTJ+wuhYHGIZbN\nDSWmvcpgHokzLc9NBLhZ1SshXyXq6AuhhwwbjgduNzjhr1FTI8PiSGYrHs1U\nK55bOLF6/Rl/t5gC5ppkTuZwkQXtuYLyVMZwwcaYxthcNOTIP3zfifYe9Csp\nGW2cqR3rlknyAoxUuHn7EGzMzBZLRrk2rIsZv2MeHUAJmCDI/8Y3/5Cf3p2j\nUKnzM6zKapiO5UPbCnxrtBae0LCGBn4X62AACr7X3TEvmnNDpbZj/Bx7YUaE\nsrbL49qT1xTXcQCYwcr64S6/zxUKGZX9xkPk8jU+WkdqE24egJ5pZLFTzJji\nFVS48DF2AiSvXtfCX7SVpP3/LuxYZu5yBeB9HNa7qnCv/3GSbQ8jgD5uWPbe\nWGt+aKuHF9IvIu5tOXPZJn6ji+bOUXEeyuHP0CYpEwMZlPzkCViQRmBSifHS\nzLVjMQcs6W/zfHOLMhFpHf0ZryyLjgRyH+ZXpCeMYwUj1oMIssgXXfEeEZTX\nQnMNg4nsvTkOAff6d+8U0a1hplhCGtejFpUCdKWVCg8uWLwG+4Dm58VVbzrR\nDwp4TdXMkADw6XKp+uaGTh3l4j0uA0IQJCfHLFgNJ4f9vag6DIQnGCjUHRvr\ngcMN\r\n=UqeD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFFIi78AHogNPpbevhlYdqu4luQPBUKFHFLt1lU9SC1JAiEAi24/xmixw5FoJoK6tEEeGWbfzGDMEwHc/s9xoBJwFqM="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.5-6e773c1eee581dc2bf7c057ae80c20628d31faff.0_1595622667016_0.5336175592636638"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.5-6a969288e67d9103be7e34303a038ec0fe53034e.0":{"name":"@unifyux/theme","version":"2.0.5-6a969288e67d9103be7e34303a038ec0fe53034e.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"6a969288e67d9103be7e34303a038ec0fe53034e","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.5-6a969288e67d9103be7e34303a038ec0fe53034e.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-pK6EH7/aQKXpxd2GrWQeBes8ZSP86wQ5AFGR4M46ZsZSRSc1ua0I3sDPF0zd3eMdGI+BxW/fyuW///JiTGQrdA==","shasum":"2a7511b76f474125d0d6e9fcdcfed3998815e7e0","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.5-6a969288e67d9103be7e34303a038ec0fe53034e.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfG0eyCRA9TVsSAnZWagAAoCIP/3EL3RiBq/NYLiY3ar6b\njt/JxEUPjN3CHTpj+mgfzDcUqAroZt6kukAX+DZGeKsmUssUtvej9pAaRpPB\n9eYEsXNTeMS9X0ig9GvTqZBoOaGb04Mn4EfhzhcY3TQDSrLNHy/rp8XPq8KV\nPqScBnEtmtAq/CYHRQOqgj1ijt0z5a5qT1W+Gy9xxv6tSNECuhpJVKltiu6A\nOoxPACuz2nAnFMYL3x1uZj3DDHSMEkcIppPe2TTu9HEhmV91wwC9Msfz6mOY\njZDGHfB/wR9M7XhO+ci5JXmo7IoBDH3lT2+qP5GLA0D8jfkPq1zYwng63fG2\n1zgsAfvmZ8MouZKpaMrvm6152zCL8KUTMOkvLJQZMZTBMZKmg7amBNa+Domp\n0EtzEN/TvFiLErEqO8XqjfPSfSM3hiaB2qV6Y3zAebW2ttWR2oTPaemWNVH6\nGkvKJqfkx31r8sK/4DMM6AEarKWo3EWCBwxJrvXsdEF83vccrqAYEa5Xle5n\ntSyvw9pzd295pdPF3tKMDH4HrA8L1a5b123iKVQJBvENp+QB04QzkP0+IoAX\nCH8AffZYXcR/Mw7TSgskuAZV4h17a3XmbMJowyEPDYu3HK0so91U6uDcXkmi\npi1LS11rm8cSjYfoVHpD4jGSVsCgUH9L/ofpr8Iull7UTu/8Sly+6vsKi+je\nPt/Q\r\n=hTOO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICjfhJXkN0qeRaWtqJipiudRV7TNOgi8AQBFLLtiOQa1AiBU3QizeWf2i3TzL5aK0JGNOnsWC9RXo9QQTTb+KGDuww=="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.5-6a969288e67d9103be7e34303a038ec0fe53034e.0_1595623345819_0.657528906391047"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.6-f215a33d48290d66b1dbbd11dc7a13b11be50a14.0":{"name":"@unifyux/theme","version":"2.0.6-f215a33d48290d66b1dbbd11dc7a13b11be50a14.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"f215a33d48290d66b1dbbd11dc7a13b11be50a14","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.6-f215a33d48290d66b1dbbd11dc7a13b11be50a14.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-XTndeRANFGjpNzB0wFgH35Wox9iLbvUe6FdfF1yCmkBERo2dgCF58hFU9K2O4usI557aBP4VL08mXFpIrL9ACQ==","shasum":"e0d64192857a5961e235ebe0030f023e4afb8e5f","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.6-f215a33d48290d66b1dbbd11dc7a13b11be50a14.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfG0o6CRA9TVsSAnZWagAABOwP/RWSdNnnmEOJKRLWat1y\nFtZDutvFIWf1LkGc5gMCUizyKhBGGtiDz2R58Iun3VBETqfWpIw+eRB/Wzi5\nGefJra+JswABqvCEvMv9hj4Dsys3ygMPaI4oXNjwFQ2E59UncX8kqelchecS\nHfJA6xXwKn3dMjl4iLfhGCrojLVZt99TqeTn892tuK1Jv3P9xz1TL84NL6XO\nsTcHHw3U0GBlbXic2dqBE7a0DP2ANeKyXResqPETqWGhJf/Wl4OcZTQPHGJn\nopf5HF45oKmoeRvWVEGy3i8TrShr5StzDfhWdYjEXR2qww9fCDqgSZ0sItel\nIiZzm20sTwcZbDJkiYUOuyqC3XHNK7dw3BUd2nwZOvC0039Eup/TvucGwln0\nQ9VRZMh+nCQgZNTdmowu/VXd1DrwtIDTUZCH7qKAmsSfSU0VTovLyeSgjdE7\naQIIYYmgaIYkeqUrVtCFbeYrHYWolttUaIPQtYZjfHXJ6Fo/E1O8M4SG/aDJ\nN/E9lILT4vpzaEyiMhnR0uOV5lglZbACGXUbMzU5t+t40jtufnBoTHmhXZ7y\na0YQF9VXTyNp6A2QhTBcANEYpZ7HrbYQsW7cBeIXESqlC6eylKV+BKy+lvRB\n1A2INdg3NwleDoGvBGerAaGtdt93HhkSuRps2cSuI96Ov+a7uDOJzMUGeo9y\nOHm5\r\n=lMbv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD4K0Nrm6O41yer8WZK8e6vtGQWN7mCW6bWVHfqZOgwJQIhAL/Zr2KPqBNOmjpuKwT8C1X83CJneY9Daet10zbgb+by"}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.6-f215a33d48290d66b1dbbd11dc7a13b11be50a14.0_1595623994282_0.5493548587732058"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.5":{"name":"@unifyux/theme","version":"2.0.5","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"08078b73c947a5be6ea6b7b35dec76e5108b040d","_id":"@unifyux/theme@2.0.5","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-eNge8ROzWKW2HA6xFCGZ4s2LfJvqdeuudbPmRndWKOGjWXc7XcJX3FeIEN5VSVyr7HGT+zkDoVkC0Ro7wjZlCA==","shasum":"48eb53f17404a90953adbd75ee7f5ecb8f30b136","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.5.tgz","fileCount":11,"unpackedSize":15567,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfG00iCRA9TVsSAnZWagAAKiUP/jS3LtXVAI+dt5pWsRPx\n/5A0cmmpGFideLo1ojPnrzpr2sbqShhd6Gr5Ba36/JLZlH5oIa8kQg8H6H+q\nkloxWPB6NKmZ3zFS2vrTzum5HocdBwQm6g79WMzezQ9aTpw6VsF2oWs0KiGF\nXtDanbxAVIFCZBNR/+oIHQ5ZZqfrQ4++z/ttMkNVVlX/gU22PAUy8a3Vqmma\nAhpmFlFwvmO5t97l0hzXX9CKskTXxT9TrY3ETz3xDGKLwCEeWzmNaCDBOxS9\nDVF3PyHfBGjOpbfZcZSwLEXHWSJMRsonzoPgQuJmxZaXyDW828B2DVFWKqxJ\na/rpdtymolgz/7nVuLhlLIdP4kf0WgiYNGRX0bXSeRE2h0tpd6WrSdf2VTXb\nQ4OtLkxQb4QUSeq5ge9CkyEQANPmTOFm+qInPSBkRGaGh9aW8h6OKc3kVmyp\nHWmkA5gDXXsaGS3LCcE2co2M3Ush+v2mtPrhoMBxHAfYxApFr+s3GLDLufip\n6v92NysIDWY9k4x6Zqlf/bzsUcTGeHk/S5LJ9xPE75yA7CePODX1POi/adj3\nX7Bb4ICf5u7+Kkn0+30iDn7EEDvtF314d26wzudll96IAOFBDqZ+wPGWcyB+\nk/8buA15Gz2Vrp1wKkqS82i1wgHEfk6/5wyjmeXqUyR0rKovokEXvOewsqr1\npbAL\r\n=smg3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGhKpDlXFfmjmkmpiKs4EnfBy1Uo2W2PWHf/HExQkMn3AiEAyQsLXS5yiXorvsikeX7rs/DEvYw4vE2aVXnDfMHXdQk="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.5_1595624738037_0.09581222355755492"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.6-7d660efb2fd6d0be79f3b89a51708c8b11b4812e.0":{"name":"@unifyux/theme","version":"2.0.6-7d660efb2fd6d0be79f3b89a51708c8b11b4812e.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"7d660efb2fd6d0be79f3b89a51708c8b11b4812e","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.6-7d660efb2fd6d0be79f3b89a51708c8b11b4812e.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-3eAkdw5DrPB/5K1CDHWy5fe2lDhmfZ0i/A709yvJaEHq2iaVd/vlbe0NHWsymNQw2fY9G4UtXA9QXXowuIfzQQ==","shasum":"27d221a29991844054a4eb06a7418a08fa083aee","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.6-7d660efb2fd6d0be79f3b89a51708c8b11b4812e.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfG05OCRA9TVsSAnZWagAA7dQQAKP1lPOuCFTUrKqU+cOp\nkKztkBDxGMaZAJMuIZPa4n6uLA0J/N9SdPprZpqLftM1e54H7CN6q5PJVcZ+\nboVYdGGa+DwuC38xWzPFiiBILXdOtHukWNbDcMrXmnzalOerUa7Q/pAI0R52\nmbHrlLxGZ4WvdxMfPvwlKj0e3E4uRYlbmg5Y8S7FQ9duM6oJH6STXJ5mY69f\ndH3p/KxdG2lnKeSH6vWZ685k8lVcmQtj5NVLIQS2H8bJBV1eekCGPBA8d2u4\neXswFD82EpI1MkeZFMx/D0dsKWW1tWmtD8KDMlFeL/LpgJ1W9jC972QSW385\ntBHxfEHBwnGuBZAWl6qKvOqoHWt6CqZ+3eZKBgs0ygvV9sI06Ny02H3pqtez\n7Fm6p78GoHjc4i5PEr7RSPe5OhTi6GpAcSRGtkO1K8JBhRQuYijOMQYBQety\nhP+BQqIYX7U28JqvExl5542W4VQ2W+d0GbnJlRI7HBygnn+AjrO6iX0fCljD\nPWuv8+cNGiH6yVMNXPC8Pyz1ZEmvHbm28mZbP5LkmsWBeMirUl6MNo79MOBv\nAONkPSN7chXPeic134gDbNNl8ihtg5PIgviKQKNtZh1lPTHzuhMEtpMEP0v7\n4MlOS6fuVk9tGGKOowvgf+O9li3wWpS7J9lvDbWI5m5uVqEo5zfrSp87Jbye\n/k8S\r\n=TuTJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3JNEL+BmwS4agmTjl3NKwLxi8aa2tUuTdCGmIMxUpnAIgZXeVvanHEMzBPMXs+MUOHSwYnHwfe1hOaedpjtDQqsg="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.6-7d660efb2fd6d0be79f3b89a51708c8b11b4812e.0_1595625035083_0.4373454198106921"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.6-faa5136dc55d35ac62428c7de5c99afa813a8ee0.0":{"name":"@unifyux/theme","version":"2.0.6-faa5136dc55d35ac62428c7de5c99afa813a8ee0.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"faa5136dc55d35ac62428c7de5c99afa813a8ee0","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.6-faa5136dc55d35ac62428c7de5c99afa813a8ee0.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-NrCmHetY+o/w2OX1/t+8bUtt2/YDSwx859yH9Ad1U3Qe4GfE73BykDhu9Rl7lf5TSx2fJO3nvOmOJcbq3apsKQ==","shasum":"abae92f28000501809954967fc44cc0a330ee68d","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.6-faa5136dc55d35ac62428c7de5c99afa813a8ee0.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLWgOCRA9TVsSAnZWagAA6U0P/iQT66vrJm5z0SVdMu+9\nj3uyDxrm5A4mb85FePPSOgKBS74wySI6vpjVfJ5EorLuIb4ceQ+TDCNpWD1a\n3RT9zpIvHBhWBZDOEBwOh2Fk9JtMpzkNGLKgoD+Li7pKDGlHmXtvAC+YRSv7\nkoSM3KmqcVQ2Ekx9oHb4C+aAbIWcfRm8W6aHPfuGTmSWc9lWblOQRXYP1zcL\n3PJR+2Xznzo2+YvTeTeUk1pGy6QWkYL+RrzSSlEerf4LhSi6rRiIR5yDTz3s\ndcJBDNZKTMNVdFTUnZnTza5ZFuLMxaK0+Htgejg1HtjyscjFnkzVUqN8SQc5\nMUK0yNzDGhUx+ar2ahcTyV/ZHFyvjqDlbMNY5jrRk0nbgmgQA2+kLk8mvxZ0\nsiJMa/dkn/GX8C0ufuSZJZH9W4nHEJl8OmnhMGkZ2Sd/xJRKb7wAKJr5SvRD\nB2PT1f/fRWFIA3trhXJ5ZeokIiHE6koWcy/BbUnkwU4ejLfvf2OCYiAvcJQB\nn6Z6xOv907tyK5EApMweGTfqAfBbfB8lt3+1u/1043Cga0g7h1a74axxakAK\nIoD8PSgKctSlHKEet/e4A8gIFuRscql9EHB2H5xhBqb1lNTQ/AYVy6UVI2yG\noNZc61IvHW8a1ZKWJ8zeJqkvHbufqUm51syuTW8DvbZ74QYlZClwjqFnEZoG\nM452\r\n=lViS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDCRiiy7XtlaWc6nFYRybW3eV/FUQ6N9/TBmjZOx8RY+QIgdDZZ4sF3NIslx/JPXbOdL1VGMzOs9LBlF6l1ZDaWrdk="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.6-faa5136dc55d35ac62428c7de5c99afa813a8ee0.0_1596811278576_0.9255932476235817"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.6-2cb223cf45f333b26add7225fc106dd928649905.0":{"name":"@unifyux/theme","version":"2.0.6-2cb223cf45f333b26add7225fc106dd928649905.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"2cb223cf45f333b26add7225fc106dd928649905","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.6-2cb223cf45f333b26add7225fc106dd928649905.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-zizfOL2b3MhwjsNJYEaQQKdmHlzD+921uuItJv+3ZoXeEJ1T9Ze/hBU+62xLk2N8yVA6Y489bT8UQ/PnYJyoXQ==","shasum":"1e61f9f833d1145a60a29797ae5c64c8ef6be580","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.6-2cb223cf45f333b26add7225fc106dd928649905.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLWklCRA9TVsSAnZWagAAR+oP/3L1rmr2kXanAem+5P79\ntjML/cmhhCaG2ORzt/fVhfpXEUBBKWrZk8JWGKlmpp5c9gRm0M7cpcS0grb8\nnrXxcghWhaqogXVvlmLDfLDPErwclTq91ztCkkPNzaNQCWZGz+2SBq94N5Dv\nUbcIGDSNEceSJMEf/SOidA0Edc/+1Lw1l5Vq8AUtvGmBh/31wd6P35eGGWfR\nNwBY2auSm+lXLA78OkLT7aZPp2PaYdRf92ZJ5dOqqyd+F+8jqeutbwsRyxjY\nmeEEX+2KAaRyMZWFkyUcu/kGLRpp8SAyGxmN1O6nazSquPFGUz683lmyGvlN\nDeFGpjhUUuA6+gvzCJlWCieKdWiP5T7cYf/WYsMpR6Dfig8M0tOwQmqcBX4e\nQDdDI8X9BhJQmyq3/tLUmUs6EzpR7Z3deomhIQ1+rDk08EwRIgevuMRL9/bG\nE6aT3a0OK3F/JvkYtS7v0mQF+J47GddfiG9A2eniwx0OxA+42ntmu4ghNOum\n6El7lwnMzKmuQ99uhOhQybaUI37HnKgSutJyoYAJAXc/lvQIDqOsEZgt1g8e\ncf4M17n+Xo2E1fhk60w2mGMkw6QHoyN5FVAeT9Yxd6qBbuRvxbEBg0EigVl6\nxPEdM7ozhdQd9CekWmgvZOH/KrvQTbGWzQHwa25Eid0tMtY0PfiUP3QAO5hS\nHvLk\r\n=HkUy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCDVqhj97rpB0COM4Nq7kdqZl5NFbjZX92jTJ4i4jy7UgIhALN+8mLmoK+DP4tclpdDVGzjtYhb/JZInjop1phwLrCR"}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.6-2cb223cf45f333b26add7225fc106dd928649905.0_1596811554540_0.5655015845562636"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.6-21f5a423f3e03e162d997ca54280531230f5ccb9.0":{"name":"@unifyux/theme","version":"2.0.6-21f5a423f3e03e162d997ca54280531230f5ccb9.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"21f5a423f3e03e162d997ca54280531230f5ccb9","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.6-21f5a423f3e03e162d997ca54280531230f5ccb9.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-jWJEE/sD2zXsm0Httlsnvgpb168btN9efEfERq0oJA92K6B8mytQyoczO/98i65Y2mqQ+rNK1aIjl258j/dsNA==","shasum":"31ae74debe9c1de829bc4cef7084d43edc30166a","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.6-21f5a423f3e03e162d997ca54280531230f5ccb9.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLWvsCRA9TVsSAnZWagAAU00P/i+8XZYaNOkXyur1QKjA\nA/lgwJGLQucebAby36YOBxZ7PoiArWC6uwOSCHvEoUK3LGnjaV4fPBdRMsh5\n9Ra1qaNVQan9+7xMQVxuE7eRgQxOof2K98oSQceMRxqGwIMwe6A1h0ngDwUW\nN2kp524JBXq/BNqfrJQ6SYFMmSjzjnSc8JgkEctbpMm8MvpPco8cQ9vsvEGn\n+idW0PQ2faFlTLZ0OazyWGxIBuava39MGZVRtmibDrz2ki9L4yhc3GX4k+ud\nikrCbbpm2v4UCUDFfhYF9fmj4Jb63Ssl4iBBck+S+lrf7iHwZK8ps3qUX9p+\nJL/6G42+qm3u5z5SiukTE8c6XAa+KjDUFkhFUlVx2PvB7C7vucmRNWchGGqY\nems3mMe3tA9usbdBapVJT3FH2evsluhgGVCe3snsvmkCFhN04TcPpsfVgSFj\n/vuJyxVW6+boDZE7gx//kEzAAtq6o2On6eKshg238yf5fO0HfYfqJ9jlQ0N+\n74rBME8mFLnUBXi4VYgHFDsmLyRfiBaWwQPo37KfBXJ3dKmQ5OAFJCJVjCZh\nSaakiQjentI0UqXZyD4pFT6/uN6BDAPyqKhNgMtIQd2Cqnx8eWmuGzfVQAg4\n7E6j5nwpwrC2/dDrtLJy1jlCCMrcBFeMLhCFXuRt+3dnPhRHH8tG0DLUtknk\nGSgy\r\n=079b\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD+jd7sF9UIhSQgRRNOIL6x/TqsGcTHr26phBwp4h3lggIgc7qk//zTfcRo+pHdPIy/XH6slZHHLX/sQLcSPCGukbQ="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.6-21f5a423f3e03e162d997ca54280531230f5ccb9.0_1596812268425_0.8313096347703766"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.6-280c173efa6b8c4a68fdf45acceeee4b3a73cf8e.0":{"name":"@unifyux/theme","version":"2.0.6-280c173efa6b8c4a68fdf45acceeee4b3a73cf8e.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"280c173efa6b8c4a68fdf45acceeee4b3a73cf8e","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.6-280c173efa6b8c4a68fdf45acceeee4b3a73cf8e.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-6dw8yIcVtFdBLzvhadK2BuZN1PuQ+feg+cGoZp99/eLkjUnw3qkHbU86csUXAnkKqljKWfQIlFeXH++2mHQa6A==","shasum":"65768a1f6ec530998b32919ca714aae26f4a706f","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.6-280c173efa6b8c4a68fdf45acceeee4b3a73cf8e.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLW7QCRA9TVsSAnZWagAAo08P/j4/AB2nQ5X2HmymqAek\n38RETiAJRnXtdzbcD7dfa2ZjLufc6VseqRDwy1NpVPXYCKFgi188mlyPK/De\nklJBO64leA3DCMiTzKlxGc8ea0mYhjW09LAI4uk3cvcks0J7GXciGGzav8/o\nRixkLQu1ffVDVSEbUBU1IXNHiSOqCUqEL2bLw1CWCeyZGifaw3o/twZ12gCR\nsiu3WUVo6RNyPwmwhXHq6EyjX209CZ6vuZ2TyjyGBS3PImsYgrl6iVUvKVGb\n0DATlaw1Dc92jXPgkbi+HCMfodxGm408uT04GkYJnAd0NDv8Jh7wNorM9y/o\nAl/CQG7N/nlq7xUAz/gvbACe8PfuE2ghts49v7KV4OsTN3EBb9AWRIPI95j0\nR7LuZCAVwyZf0Jf0pc2uvo7PDuuNBWkxXYFZ0TPqGGUW3ne5NfgxsLZXYo2F\n/TiM8k03k4o06neDP4MFvpuCRKyTOYn0sqXYWLYyY+9pkC6iKAMVkAUKCiLk\n1uJTr/vHy1amyFRXAzCicbKVTeHIILgvWhyI/v8cyICsTivWzNduxhygeTNU\ncLev0pIgCG78IbGxAUR0swHWoBaBtzJjynJt0Tcc0kRLzK4ySgO+6CItyauc\ndRndrFjrFrew/NgPlp4FpoAJX1eECDtYGR4adtfMxlceVTyouXt7fudQJekq\ny/I2\r\n=LTgx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDlPZLzJNQ0x/l4Foiwdj3tRPggLrPWwKR4L/mRLwp3YAIgUcpBG2pbKSrDXHloIc01Akm9X/7q+Uroixzl1ssOqpw="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.6-280c173efa6b8c4a68fdf45acceeee4b3a73cf8e.0_1596813007856_0.6774360326593247"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.6-4e5e1d01c13b430e3837b7c5db4c8e759f7aad35.0":{"name":"@unifyux/theme","version":"2.0.6-4e5e1d01c13b430e3837b7c5db4c8e759f7aad35.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"4e5e1d01c13b430e3837b7c5db4c8e759f7aad35","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.6-4e5e1d01c13b430e3837b7c5db4c8e759f7aad35.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-Dy+etlzJCpkd6WZD0gf1wpl5cuutAZ8dDV9RxcC6le1RRAar7+iJ1pvMgQQ9F352OFT5QV3hUyCWXjp27pgZaw==","shasum":"a2d152d28bc7530514e8dd10ae40668faa9bf712","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.6-4e5e1d01c13b430e3837b7c5db4c8e759f7aad35.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLXJDCRA9TVsSAnZWagAA3JwP/ii11AqJPKYDqRWgNjSW\nFIun6oNqbmpefxgKpKI33CHSSAltoyIji2s8vEEXgJumC7CUKrksD4xiBnpN\nGEHkyLgbfGo9vA8zif263qkqug4RYm3DIozj9K0HBEO9hkJoacwxVlir+atV\nL4efTFGVUiwQO1khV3Yq6CHVdREudw99ezrtudAkwj4eDxIFE5f9oGrYOU9y\nr3PD2vU2pgCjV+jQUIIiaDlIZdHpZ7Mpvo6BIgDIryhN9q/DLJLmJ6AmKuZQ\n/AA+wUzD0Kmir9lpf6KNwWyYC5XrwvPPiUzD6iD6YaApe/loTeEQUlb0bTBE\ngMqg2xqSerN5281RQczuyemJ4qAyGEZ7Ebptpa+kP/hcJKOiOQVGdrCUIeRI\nuDpxx7f367V6Mtj1DXcDalMxC1x3MgYctb/Cev6yu8MP1F30pSMb1EoQmEOh\nG613ZjinePiiShHu4FpDIfc3Cy/GkfhDcETG3/W7M+Iz+wNyoX6viF5ctvG3\nCyVfogwzAHqGD3lqlDmpETKGfxkDXWg59RHW2CxnbXcJDpRs73BX1kfh5+Nx\nMK9dsCSbHYzJOtnl2m9L6WRkV9mYELteGGbgex3PB4UEMIk3XhLIsu8IgGAh\n6ElS0hWjpYz9B3M9qVKo4aIwt6W4GwNJO5VqS1r9VMIt2B3aBHSKuXskn3rl\nSvcC\r\n=mBIg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHG2NStXKu8SGXPBYXKi/GeW43B3qZVBtPx67DWLOUuiAiAP4kLehs9QQn/W+xSrNvwqZ6Ur/znMSzhYdgst1bfh1Q=="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.6-4e5e1d01c13b430e3837b7c5db4c8e759f7aad35.0_1596813891177_0.5058934138544235"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.7-032a367c3e5ce02e6f02d4787d4a9b1c003fa09f.0":{"name":"@unifyux/theme","version":"2.0.7-032a367c3e5ce02e6f02d4787d4a9b1c003fa09f.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"032a367c3e5ce02e6f02d4787d4a9b1c003fa09f","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.7-032a367c3e5ce02e6f02d4787d4a9b1c003fa09f.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-xrKHx9IlCit+nk6BA0nD0J7eJUf3/moHpUsO8ZL7UHHnsS4kEcqzJRhcZHOHZdzlVRVs4ghxSxNPfdYiuKyhoA==","shasum":"95e77c9c6f50fd497b62bc03ba21c6618719153a","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.7-032a367c3e5ce02e6f02d4787d4a9b1c003fa09f.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLXvhCRA9TVsSAnZWagAAHccP/jcK33ZmGORKxKG8vYQ5\nkXeJaYgj8jOE/mtuyWKaV6SqhdEEJELU2D8D4Gg86R/Z+Gd7tsptYCZB7TV4\n8xGKza7EEb3P9h9M8S7YPIQylQ5xW50SeBEF/bRreVQOhDbEoiJH5HyYgdWM\ny5wlxnkUUMApJJ3KQ2mLzyWCLC7CLAWPPPwEsBWru3eS/CzdMZJmDAXAPIul\nfXAUb25SJ5CLtSRnV79BANKv7qfbanemKW/Q91fULDqiDTZayEtOo9I9441m\nCej4AGvEfgjjz0vO7flLa4kbk6xDyXBmRpYfarMQ1rAdu9S/mPrU+gGKqxFu\n1eU+Q5h26cL2cnqH8mhZBodwUim9x9HRB9NjbdH0kDp/pkycMG9O6Qmk24fp\nv8VJ5wBSnRMf1SErU//BkLnpPP4kXzAYdp7Rwimt6cxvo2Hage3VB58NQDqv\n+i/Mg74xquKaLGd35NnnBXA+5FqM6L5ja5GXG9qROC1Yehz6Lth8IjUwst+q\n60Vy4jEzUKSkOMwjgPbpJTNFMAldKF4WcKGDbdrt9wJmpazHMgf3ESyV0RIB\n0jvCug3JncCFyAeypqovpcHEX72z7AwLlj75/g0ZjPgUQ8pT+VZ6kANJKgEe\nFuOInNYC0oLvldEvcCO/Apd00eWa9BYr/gqggWKWEfcPZqqhaLK87lzW788C\n/5Ow\r\n=UHW0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEVmst4GDGnlZcoAUP+MMIMVT0zY1U3FbezaQuNz5LZUAiEAtvfgEBoUzP1hZ0nh5RM9k2QYi7X/5V/TKIUrLY5dZpE="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.7-032a367c3e5ce02e6f02d4787d4a9b1c003fa09f.0_1596816352821_0.14054283828528535"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.6":{"name":"@unifyux/theme","version":"2.0.6","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"0165b50ca7dd67ef2a2f1491675acf514697bb75","_id":"@unifyux/theme@2.0.6","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-0FRS9LMx1LXQe+0k/Lw3ehGWCJ/eOA0ZhGJXDEriRg8mXJNQixxLu65W21LY+qlExNTyDmwqL8bKSsqXEsqNYw==","shasum":"1e8767c70184c121ba23a246231bd98e0732e637","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.6.tgz","fileCount":11,"unpackedSize":15567,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLX7tCRA9TVsSAnZWagAA7vAP/iopgWz7a+B7Px0DMgdV\nHraPHFimrmbDHu7th8gojzbuL0UV4T0fJmkDyOg28vOZQ3qCzIf4u2edjU/L\n8Ky5jwZR9NUf4buFbVfV+U9BBjMufF4hdEgMrEHUZdOg2QwdbXuELVdjWAo1\nBLMGFKRHzIHdR5gyyQHbUXI6dezhg0QoPpdDwuN/DJjkcY2qnxnXDgEpdp0J\n93Andqdv5oMFoadtF0VGk8UUtH/+ihCJKuwVVwRiJcb/w+gGheJpaWotTn63\nzc8FKS5519KHdNj2enxLCssNUMaPgMFo0XfXbSDIdSacc3WSi6oqq3KrOl/6\nKzQYUkmhmkgYObS+JmXjUZEXGBHJUZsDlpeq9Xl72Wq0npUfkpMI/AFM8XMb\njPCV2Y2TcIFrzhDcTZIa3m+QmIlTO07bF7HAgFZb6K0b7WTMYz3Xu7upbIa2\nqm6ZXjzyXBnGqHDkRJaDsZIrNivU3wK4bT6FCUfQpnoYP+2z2IQS2bMFzWKe\n3wgmfrVzUlk+Ovz4+D6tlIv+YBKE2vdi83d+/W1W85Za+Kg2xmfk22LtKiF8\nNS68aJZ86vvMllDJtJ7eCcdWSOK13g/qtE+uRQ8FiIqzfnRFXMr9E64ISwxC\n1KNYETEGxUuQ5LaIjMNMzOetUF7K0ysyLGoXRimXrgrNPpOgQIzQuLnp4dwg\nIQcs\r\n=9gij\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBI6LB+/gl4rP6002y1aBaQf6gWtivT5G5RCJ6SKQbk7AiA6F122x2B0ETfjT8syPHwhtWR8tIc40dIsn8BBzpsHcQ=="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.6_1596817132725_0.00625967101213365"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.7-ed61f690db58560a9c041cbfb1ca6f660114e79a.0":{"name":"@unifyux/theme","version":"2.0.7-ed61f690db58560a9c041cbfb1ca6f660114e79a.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"ed61f690db58560a9c041cbfb1ca6f660114e79a","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.7-ed61f690db58560a9c041cbfb1ca6f660114e79a.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-WgI+I9yLt6ih3UxBvcy4/20a2t3ymfcCN0WR+bos6fZzG7vVcVZ6HAsl+13AXsdrfAI1k1YSGwvLJa7Knxs1DA==","shasum":"113cef3633eec257551fe3e2cfacda074caddc53","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.7-ed61f690db58560a9c041cbfb1ca6f660114e79a.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLYMFCRA9TVsSAnZWagAAgYwP/3IgCPmvHD+MGURWOfaz\nAFOQ7QibVWkxvFx9VfFh4btsYm6hm5Y8XyG8BsxbzRSptmLqkXZatFhS4NjC\nQeq3pgDh8n8aFfV/6mQuRJDYQAvE0TZLrajVq81IcdoZX87T1QourPh4bUS7\n1kWWd+Mjn3AFsSuxVQQUhkEtg/7QlzTRIS/2rB/d36w6yYQ1WScD96BXn18J\nk42GEaOeAUbFodQ43IIHOXmtpRm43/N3Cyy5gMIU5EFGcbTIhadrWYUsW/fm\nM6vU6lQ55YywBzb2BGwVYAwgIbwSNz96+v7+0pUOjAKiizuwxJNFktYy8alr\nzd6DgcvbajuTNgmlP5TZBMoWXVuLzLgdCmByBYdoJRupv6d9FB9ZF6WLwL24\nOEhez4Dy9uPLrVX59NM03Hj1xhSQ/BsqKoyElodpbPUWGd9JPsM0Xri3XeO2\ntOTeA4pnp//HfDVDI1onzYPm+h7sziHiDrKx0aFc/Du2JgfyKR0+eswFTc0c\njs5ncFqOQm8HwWowlJXOtL6tdfQg+Y9zCF0dDzx1cULOq8VhRWNr5k6MEOh4\nQNt7pXOhU6vBmXY5usRbKbZ3z6IH5RiV4z/GO2bbj3F0IBwPU52AhdLzAOrn\n2mNs3m9Cq7zBWEfSGVh2zVvTPqw7qs0h+U+QQwJ5cFeuTA+2rV0PGlYN4A1+\ngH4p\r\n=ehQY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDrsw5W5mJ6xArIBdrlQKmRiCvWYnir9xGaazkuWKqvpQIgbeumO4ka5dWb9UuL/2ofcVTYUhK1WzASjWnmhOu9Fyg="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.7-ed61f690db58560a9c041cbfb1ca6f660114e79a.0_1596818180941_0.954739003797209"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.6-9c2d7b84602dcf2ac3c6b9c82efbe00179138155.0":{"name":"@unifyux/theme","version":"2.0.6-9c2d7b84602dcf2ac3c6b9c82efbe00179138155.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"9c2d7b84602dcf2ac3c6b9c82efbe00179138155","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.6-9c2d7b84602dcf2ac3c6b9c82efbe00179138155.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-k1BWDa+PMCPVXdHqhQpZUzPO13lpZajpHR4hiIyLTNbAI0vnbF1z3vvuV+qFMscMxR4cWvyF+r4u4DSF1kuPcA==","shasum":"c0e65cfe4d7fd0fda1ee57112f866ce6652b62ea","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.6-9c2d7b84602dcf2ac3c6b9c82efbe00179138155.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMvT3CRA9TVsSAnZWagAAUxQP/j2VavXm0X8bxgLIMTLm\n5qnIeI+7j7ej9eJXYu1I+ClY+4QDke98gPFeOZGrt5w2CfviU6tfpuZRoAID\n3yByLNLx+Nqp5CdIaICBV+rNjGmdm0nrmdUL6pg3UiFhFaLeGixgC3QtkrTF\nr7sabGDHIcT5HBHj1nZdi2xRJSphkc/ftDDEUdUo6S4lBNf+WihRui/LHIka\n6v3So0xdk2AieGjElGjRYrr9tde9hMuwj31MzmUqGfyPsBl+T6whxpQ1GRnB\n5tcSNEgvMvhMaLRGYga1aKDqK7pqKnOTwrzdFyr1DDch+GWf8Sv06rtrjFXH\ngMCNqY9er4O7q6stmyJKFOjbIzjHzJHI3yRZg5M1T91E+C1dELlyM7tFag3V\nTzqEcqn+9pV9EANY7TxGwhkxl6/O/bYjs+rQGRmyU9r2WPBixYTp2R6AxPg3\nyBHwU/Pk+RLCIpbstUYJx7Ic0LLkCAiOqbgUbK119I9XrLFI55mcLNSwKAna\ntkSBvmphCHg9dur9vPUy57jXPQtEamWZmCtL+81FhYTSaHZZTEz3gejKPNRs\nNqcvlnNq+t/g2RuLsgA2e9wzcz6N28nQ5vKGlit47zzWy/QLsVpHoX2NTos9\nPkXKh4P+LhBo+NBwi9VM33tZ5gHQXhReCMw7SpnEXFRV1BKF33nQpx8E7QLA\nbuGG\r\n=4teg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAiuIZ2CpnTGQOEnNFfDZQrIuLxio/GEdCfSc+rROZBYAiAFxcPLU4LLj+3ypu6ASOOP7J27l3leZI4jf43nGGrLHw=="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.6-9c2d7b84602dcf2ac3c6b9c82efbe00179138155.0_1597175030701_0.028171261724655672"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.6-9d13f89529c289d268d5bcee636e9f3e87140bab.0":{"name":"@unifyux/theme","version":"2.0.6-9d13f89529c289d268d5bcee636e9f3e87140bab.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"9d13f89529c289d268d5bcee636e9f3e87140bab","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.6-9d13f89529c289d268d5bcee636e9f3e87140bab.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-2ugsOMABubDfur6DO4U+3ybcW4QHVVtIOLlrDqsO5j6tvOXvynZEm9S+OhfR+OG6eLNLLkujjVnfuknmevOwNg==","shasum":"e774c0b7ae98c18ec57a3398531713065ee1050c","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.6-9d13f89529c289d268d5bcee636e9f3e87140bab.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNDHKCRA9TVsSAnZWagAAzL4P/1KAaf7hVJLl/l8iQfOB\nWnKGUU4sPDtJCzhIPq3p2Bo4v1nD3QITfKE0WT04kYM4lcvzTrP2RgwHiYNm\nUtMIGvA9TBoovM7+Jpa/0R3p2xu8sbTCadI7RXFpdq0Ao5QihuBidTcW5jO9\nWzXDOFPwTHt2A/+sKt6b2FPcT7jh3iwH9yPSIcADWMjPOwd4+UgeQmwe6NNS\nSWxcEOOrQdKNPWra5lLuyL28rnuN1evvzs8KgZ9QafBU2sIIFpjK5broQVRM\nC2I292F/cfkZ2OnFN/V2flo37Yq0pW8TSqA2O+Yvz89x7AVPHTcxpAVcLjMf\n4hd5Ly/2BK0JgYA7vBI1qEnO06/gPmzmRFLdUqGMnWdXCU3qMUVl95Vvf9YZ\nEsqDUn4ZgAy9ZDVeNu5dBWRv9YlHRonYPsRK96BlWKX40r31rJ1LIhZ/foqO\nNOvjLN2D7F0DGUm2V4ohYNupBPUFsFdOCBIuPlnKwB9/8+6/coqw0pvKsGF3\nCYpqclTD+W/9py4Thbkw6BwlCVS4wS0Yuvx8yYB/AOKkHt6MsAtXHMHNk7fA\nrXM/mLGx/Bh6Q6+Bw6VBBX2d8lKdJVlDjAKffeK28tI7A3uGr+lHcTzocOC8\n84ICd9f9t2CSw8ftmDLtdaWx/tkQsXuS9NnBFrgq8I31OCNPd1iO9KA9ABEW\nRI7N\r\n=sDZS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCNhLK4WOt4AqDOPpoNKGN455J7ng3eM2unWApauUaS+QIhALm/YHGR+U+oYNFB3DpCNeLEItqhuHz1M29GiYxTI600"}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.6-9d13f89529c289d268d5bcee636e9f3e87140bab.0_1597256137667_0.023499944604910006"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.7-81e21c088039079f3ad1f58140ee0e531beab04a.0":{"name":"@unifyux/theme","version":"2.0.7-81e21c088039079f3ad1f58140ee0e531beab04a.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"81e21c088039079f3ad1f58140ee0e531beab04a","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.7-81e21c088039079f3ad1f58140ee0e531beab04a.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-UdScQtFHF8KrPL0mqpK1dv+rBbLVymf3aujqlcCF/K2ebI9ZKbB95UeWZNkZWZSQ8p0XtWofcXkgWVl7i6+F2Q==","shasum":"7900a4c18341642c9fd7b5edb8ea1b26a1757342","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.7-81e21c088039079f3ad1f58140ee0e531beab04a.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNDTXCRA9TVsSAnZWagAAUScP/idGNSpXmNcCEOfwGmXB\noV/134d4ajN8Ylu2e9dxG4EWrz+Ax6KudIRmAQudGtUPwgmGXhKMzag0Tw+h\n1408mQ1bna15AOLvVLXItIndmJPfIPFx3tJEUUbKVsOkO4v/Z2KsN20ZPnxy\nyeL0QWP1swMnlrexXTtSWQJ09Xlxzz2ILqSoDsYiif29oPKP/QlIbuLb3BcT\nEdI5OBfBJcZoq4U3UWJ6sg1N0Mhid2PNAJXccJ0ogxf5LjgFzGigGeAWqJOd\nJvMMp8nzVSCGvVZQDGAjMkffw2arkVukCK9CPCSl57RnWHjncdrHyucY7ZuS\nB3HcFEFY3WqPsgvSqeQamHnahpx7BLmf+zzV8iv+7u/sFFw8HyoaH83RV/6z\nj8E5eFd2lcHCUIIH22Va4sZSPllcBSqgGt3BIif+HY9FHgA0+88xBRFVMQO+\njwd4tJpTVTT+T1dRFNIQXPha1emi8/CPvPH9+797kzc6n/3cW7kgjtTaFVc3\nLbVpGONwUYn+o47+uZVwx6HkNmlYHRMEFVej7QqSdOiUDqcSn9NSRkH0RmbK\nNsFKCFwoV6Aa8w3UGSfd8+sQA3aBUbUqbpGvmvSjUL1jy5gZIZ1OQw881nBL\nrkWKi96V0UrfktWYGbnlR2EHbvzMgiC/FuXt4YB17nLSBUV33hxiz+QDwFY+\n0Fq6\r\n=p22x\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDwDOn9xBA3y+Ai7+oUcWbCgdoZAvyOE7ndWmzep7AzOAiEA3Ii+LS1fhQWtV91iY95g6TtApLFif6cffO3oh5ADYfw="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.7-81e21c088039079f3ad1f58140ee0e531beab04a.0_1597256918794_0.8991403812162218"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.8-82cee0170516e8763eaefc41d119091a76a286cc.0":{"name":"@unifyux/theme","version":"2.0.8-82cee0170516e8763eaefc41d119091a76a286cc.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"82cee0170516e8763eaefc41d119091a76a286cc","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.8-82cee0170516e8763eaefc41d119091a76a286cc.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-H5F9Xqvx76jhEVmsq56yivfk+CYnf8Olh9C84s4FdGQhIzBDaU0NA67K7pzjk5PdeyMH3b6fqvT74O7EDbaFrQ==","shasum":"c7fe726d274bfb2d408549c716d212cba0c008eb","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.8-82cee0170516e8763eaefc41d119091a76a286cc.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNDVQCRA9TVsSAnZWagAAjBcP/A/gZNwb3MGMxGYHSFHf\nCHP/V0l6PH/PFlU8VY/MEjgkrGEouWGcsJ5PAn+hmaZHr4TTYhnY7LaS+7vC\nVVVEbxyORTuwSyZMGwe+x8am8M43l17VagD3do2z/21LMghlVgJTN6JDMYRL\nbHgqbDyeEQIkrSMDvhHEfu5eXuXsjrm+v1FSHoxzVfjMf9Eh9255+KYQf0ab\n1+WNsYuTK3WPsgyi3PNQ3UaNPglkeZacKx3bjyvN/LVthUKa6yQCZcgHPJH9\ngwkOXfJldTGRafoe7Ah5S2ECOjmMSWb9x+IagZUKLUQrXtHQDdRTAyxMBUlB\npkTzIzlPgyY2jLTG/9dmRtOzsUeDH45QauTnuMxkZuybSBWuJcRqIWmHzhEP\nRS/Iv8phkZTij/5gq1oKjw2jYH36Bca/htiIPcoqDwWE30Rxdgj+5ISJTzGn\nkFk66kQe222htUz6WHSdtByQWegyAfndtbufuHQ11xgQYWx8oFI1TkXzssIW\nJOAzoHl/MG9kCyYzhibuUitbpbcRx1Nk003M9KVrxfHyNt/kD0WroRQf07Vf\nwkM6ddU7FA61pF7XcKxRpYP7tEI75gQVD0advYlhCxJFMetwJt2tzacSIX1y\n+Ep52vpzKT9NeyCK9QhHvx5A3ikpGUiNxt2PurYpsEJk1wqOg/g3AxMICqEe\nr4In\r\n=UB+U\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID50Tk8yQ6vFF1HbgWrffXxu8jufm8mDrnzNMug66X9NAiACGVflDdjBKXSLKrI91lr23FY/nAfz0bwbV8kIQnFM7A=="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.8-82cee0170516e8763eaefc41d119091a76a286cc.0_1597257039955_0.5825629273505128"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.7":{"name":"@unifyux/theme","version":"2.0.7","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"f157dc489ca23d1fe615e4571a21c733e1fe8a16","_id":"@unifyux/theme@2.0.7","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-XF+I4ntABYBiSMYnBMww6NUiy0URrPXW9uedE22+D87I5YQk1fNOrU84m/0oozsOY5gqnj7mcoOHpCQ/hckj4A==","shasum":"a1c96135124ff62f5ccb5016139190e1d160e17a","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.7.tgz","fileCount":11,"unpackedSize":15567,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNDhZCRA9TVsSAnZWagAAb18QAIfVAGs3DwAR3le942Oa\ne0AvslPERTv5ebSXx6c+VuWS6/e8pMk5yBh64+mCewh/TTmKgDILgoprPKIA\nJLGCBmPGVbRoxw2nbcdtNxaIcgf6hplqdkQGkO/jUhXwSI+aMT1UsNytpzhL\nHfH0uozHSrX3wdUgmredPF5YKB/L2p/O7mUV2AIR7z6pL1N+908ZTwp+3g+L\nox3bL8zeqnuiywmPUcTDCgFz6ra1joEASzggqiKTgyVXPPlXx5MjrL6nykij\nXh9OKjAeYCi9wjBd+c9UT6tfZxoPC6l99V1d9LwpF7kEYpS7+EffA00ogu/6\nyP7GCZNGe0gbMnbaM20lZet7tlew9BLwNXAySvHMfqDVJJz3H6mxJtdlCJa5\npM9k5LZa/SiousR7abU4XYKAaae1BW9Jj7fd9AkpVCF483onuomO2xkkeyC4\nC27d49I3RqpoO1x1Yc+vWvc1uV+xY3LCMA1ftdiTBJanQeh2eKTfcsJ43wah\ndI/v8SQ8WZuLx4WI4BzqROJkHkaH9LiCrhxuejwHC+Ic4nUDvMrryM8rNryD\nB9JTG/xQ2h6EqhdGMt+fvGsuSZnDcuG4vV4KBByh3KGTZTLASTvW3YbOFnug\nn/NE254BMrGXPsilRoUTxr1DgD1L1Ck+/kOBzSH01A4TATqz35FWh1/QecAu\n+PdV\r\n=1KK1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICN0wkMJd3USruFoapmhsuIv631YYWplSwRAE5UMIc9wAiEAkm29rNORHHAubXlV31pHz5+6d45/KGd/HALR1U+LLtI="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.7_1597257817225_0.21829017185678534"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.8-b08af7c12e8ad0c7951ffe555644d1951abb62fc.0":{"name":"@unifyux/theme","version":"2.0.8-b08af7c12e8ad0c7951ffe555644d1951abb62fc.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"b08af7c12e8ad0c7951ffe555644d1951abb62fc","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.8-b08af7c12e8ad0c7951ffe555644d1951abb62fc.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-zVWlatl8JwCrToNBDagmkyCqqUGTVA4QyEZsA0YdwmtuJGugu5MkQ4DP2gr79lZxd0GIh1bzA0endGFI5o+cZw==","shasum":"dbc4863faf10f4707ae80be341f3891f55189645","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.8-b08af7c12e8ad0c7951ffe555644d1951abb62fc.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNT/sCRA9TVsSAnZWagAALbMP/3EExVqO1xRs2dmP3eJX\ngBrNna2n0LstjH2y/A9cJMXQ2Mo48bzhNP2rnq8R9cPGgklPBCdOcSh5gx7s\nNBB/53BL8fKXHhcze8BU2f07A8LIo0sxWIT59F4EMDjT160X+DaLj7aHYRvB\nsTsQe+6urd79bu3M5IH8/1n04DAT9b0NMgDiWYlrIIhYYVnZlgiEKVw32yyI\nfXi4mLh9wJrqlnq7ukuQFQLBiYbsZY7l85hD0nBCZA3JOsJilO8U8VGEFrQN\n0pt+aHNbHTb/WkjplFl7SZkT50O61rZhJmLKHakpQ0i7YIPlTlO1WbNZfuAT\n01XO9TeBA2EeWCzlUceFrzmrlDHoG4LSvd7M2nckJQ5zLaKTrc3WSn9vdlG1\nJ2XhmCaYmY1oGk/Ii/C1y3RPX3eme2lQ4jTQnLJa8/Agg1LhsvJV+tOu0imc\n18TmUd1rKCnZRN1eZH3JhjELdv7cDkVHh5bKZfbapkk0p+kmN7CMiY+iSrTD\nvBRQxM9L+xQlNWU1Fo1MqmnuSAibN21LYjNWqEB7F/dsjFjnhR3JrDqMrUKg\n4ubeBeSkJaQ0p/FPxVec3H9Clf/PyZ4LHUT8ndDDXsaebFM9VFNu2g7CPHsF\nNmcW0zYY97+wW9jB05c0A//5aERWheU/FtKsYo3mpczk2gh72dQrHcXJEAb0\nkbv+\r\n=erH0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIET3YDXwqLzPYuPM2OBBQgDyt3MOY+ji77ZQ3YaK3iMSAiEA2tLTLwDUjet0B2ZgNmw9esvItZMTyD+5+8EfNMRMdKU="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.8-b08af7c12e8ad0c7951ffe555644d1951abb62fc.0_1597325291913_0.3283888171541509"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.8-a07e7ef75fbc876dc0f30ca97bd5053edf0add21.0":{"name":"@unifyux/theme","version":"2.0.8-a07e7ef75fbc876dc0f30ca97bd5053edf0add21.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"a07e7ef75fbc876dc0f30ca97bd5053edf0add21","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.8-a07e7ef75fbc876dc0f30ca97bd5053edf0add21.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-niJk0wUozkms6NPnnExWJs9WfBn+MgDRLHEsj8pA5SoZfv6/+M8RET2zaQLWipl4+JaXQ62yjt0bnMFufwhpiw==","shasum":"eff78797ba5b609a4405d7001c952dca632a2f54","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.8-a07e7ef75fbc876dc0f30ca97bd5053edf0add21.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNUBHCRA9TVsSAnZWagAAOg8QAJpzEdD3aPEHF9XtI9Xz\nPmeUgJ4zdSjrQ0ESLrDD97dn5ESswoP+4VN27UZtH1h/gwNfV8552H97D2NL\nT3Dicq88v+E5Kk6QO9g8yKz3p//Di106dATDfhBxgHZ93c77k+7AWq0NLdtm\nFVGhy39cHhjij0uZJTdfXYhoA31hKYMrg2x4lcM9jjruKjpl3V55wM2uhR8o\nQ9+QlaUp0d1MT43qklFyitqi9FIOXNzWe0MEO0vN6NT1Vaa4mDLctEmGPH+z\nMo0OZ6xlYE0IkLhPb+4lErQqoKaVO5GHxk5FY44rCL52JI7gIHRqmZHA/Ap8\nnKgCbkX9Fxsp1Zk3DLMGmw3oZWdIh+jgYUD+so4bWZPFYjYbV8lzxiFJfxXp\nuOFhB+0hXA0fIwmkr4+vFRqriZdsWyN6yHdfa9d5+EMJiS7GUHLT/vQ7+WM8\nNHgVxK+B20Ds62LdNyq4acDvpMUCLSVj2xmiQYYWRJppCpfbpIGCwwrXZYWQ\nLVVhDZg9EI75XaqdT7rA7d6rBhx8RaK3XiRUDVB8OUedBSyfk7tX0Idtgie9\nlPTKtuXkyxXiCZJ70XHZk3l15e+fiicjnLlGq8NNik45gmrKQGSi9TqAQ7U5\nHPlfyPTP2GUvQwTRKi0v9g/i7/Dh3GE9rrdEFRnJ7tycykiY3vVKxkVcEzbT\n78vf\r\n=dv19\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC9dapn0PZTtMSAmVnR2FSb3Yrn9s30LMjv3wV3lFGYHAiEAwEFU1eYLpv760Oc5yjpiEj/gdwei6QBPetO/zpxNUTQ="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.8-a07e7ef75fbc876dc0f30ca97bd5053edf0add21.0_1597325383134_0.8832842934849401"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.8-bdf2d373046c2d9d7f3a0e6b67ed16b3a89f0d80.0":{"name":"@unifyux/theme","version":"2.0.8-bdf2d373046c2d9d7f3a0e6b67ed16b3a89f0d80.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"bdf2d373046c2d9d7f3a0e6b67ed16b3a89f0d80","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.8-bdf2d373046c2d9d7f3a0e6b67ed16b3a89f0d80.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-G+U1k1gsCpgDpYkd0RfwyRlvLfKi5QGe4VeXKZexi7+XDawdaJa1yoD/KQ2b0Mg6QXp6oVeJ2Fr6LGqavTnpnw==","shasum":"1a0b8686095c83a14d094e7a85494797553609f1","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.8-bdf2d373046c2d9d7f3a0e6b67ed16b3a89f0d80.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNUewCRA9TVsSAnZWagAA2l0P/RaBGoW+rG2DqB4byyWF\nTDy4PD7UJOgWkvJ4Fyhy/24SV2WLphkWnMRlhhHz23tSOcgyJbp4PBOGN8fv\nHver5m6jVktai6blEj3Wi8hU/vlkEwqRtOijdFmj1upHw3LQSQB1mPhy8qV/\nS+rqqShQA20JYEdNl6F81c7Lfg46DcHHA+fO4LqTRWDo3taYt+jnUQi9pyiw\nKzq+JWxEDEYkwvtmhSXF0MuYdyWlIocmhAeuE0TTXoduJJ6Bb8Uhg7olkwNx\nrly2JBQLs/2D02oTd/G9zi2Spm9R4utHHat7MEQzvV6Q6iDs3wZk6aGrhOum\nSCUf8yiBYUDr9WgLhSqaoZsXnd2QDy52vG8xU54/UT0Cxbt+VoM0ZJTa0wkn\n4lztLuq4u4JwT+pRQn7HhhPzLxOJHjXWRvjaF8IJ4gfJzD5pGIrZr0hYPiPI\nVeL1fVpCpLlLhYWFqJEHsK8VXZTot/b44c6l5MbRbNI5mrLr/1uLx6yb114l\naJAAsgdgdpU2FkC/vFaNV29lK/N+uKVI9Rrr+KIHItEVDcBm8DYO+5FcTfW+\n1FcKe1INfhSWlVs1F2+FrmRnNdZHbxcid1vIewoU6JtJA6jlGGO3mkEQ+XM3\nsISw5QFDDXh/fbsE/H2zYIsRDPk9fzOQxF++xjTwb4yqSuJJurVHvpbmTnhA\n7kqv\r\n=txU7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICAISZXfESa8Um4OABUz4zPZHkUbYyoTS43gWoxRXHPaAiEAhYBNRc+ZvFTd6RFuEgw/I9vGZLKCRdDIA8xBtnMbA10="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.8-bdf2d373046c2d9d7f3a0e6b67ed16b3a89f0d80.0_1597327280545_0.9088683734762741"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.9-566d849e496250ce420de81591214dfaa86832ec.0":{"name":"@unifyux/theme","version":"2.0.9-566d849e496250ce420de81591214dfaa86832ec.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"566d849e496250ce420de81591214dfaa86832ec","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.9-566d849e496250ce420de81591214dfaa86832ec.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-QmHr3Pyvitl/EW+XBKZzNrFGXWkCTjbjlvoyZYdQLcrYgMYVcHsjD0wP+WPbDhKy958WNA19/Ns91ZorSLEVrA==","shasum":"0e3ef9fbc1cf8714daeaa3ce0759e96a5f964f74","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.9-566d849e496250ce420de81591214dfaa86832ec.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNUhNCRA9TVsSAnZWagAAWUYP/ikxmRU+LcHn1I/I7mR8\n/6FPS1ZCJqXEtJMjWOMWb529R9spmkijF0PbiS/vlb/TVbMO/FOZyV0swdBh\nC2tbvChsm7ui24kD7kq81iBYCRIJJsf95mx5r9XvAEfOcAH8h0zgHj09QCwp\n5VdmMyCWSqo4AXtxDJ/wF8gw0AMauQtFyHk7Se2c+iJL/09Os56NJ7ep4k1m\ntc4uaRu98GhT/r/27l8VjO5gE9Wm9CgwmKTQoaePwXhXEAyDLgW+NatS3gKm\nChcBYkB9oy/J+XU/UM40fuXgdJf3YrjsBF9CneZm9a26ukSNF8FmG46OuoVE\n9V55zRIiu3BufppH8nq3KmJBzMrNyH+k5cbUSkWCWYyOMwJK882F2Q/MPtci\nBWOE94rrkZYKBNvD+cmlrRYrpo5Ez+vg6asG0gFGZy6TQJCk0cc6Dj3jVR13\ncxkmpTgfESIY+qrw7Q/lvj9/CWzfbkNe887UU6zDGyMWV10S9igOayGDV9Dc\nmbHRI7imaaKWOEghoZITC//VutdgvR8ude1apbiQa8zHpLSxRhKMJTf55kwO\nAeY+rkedjPO7JpYC5dOs325Qf7zDRNk+OusplAovNi9f4CuNi4BLhKEMt9Rb\n4xhoifzt0/m/4R+QAkaRiCJX7CHGMedH7PVvm07vodVAgj54DYcGHOy9+S66\ncNAZ\r\n=EzcS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDTyvofm+EU38DDONa3R9fwI9F2YaD8f+iPNciSrCJpRwIgcv0onh8yKW0ExAa6L5XXBjGUfUhWdrQrQIiVk/s4Q0Q="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.9-566d849e496250ce420de81591214dfaa86832ec.0_1597327436984_0.18059120079108393"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.8":{"name":"@unifyux/theme","version":"2.0.8","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"d8cfda02b900108e2887eaeecad6aaddf2a86420","_id":"@unifyux/theme@2.0.8","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-TxkOT2e/Fm3ZY4YPdqH6Zj+f9q4K9esf0WqfWLi2VD5DZo3AndZX/4AYAk+dreDRdeY1ymy1OiOO/PpQKkobWQ==","shasum":"d9325690e1b258505906164b8a8f70c04ea1f568","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.8.tgz","fileCount":11,"unpackedSize":15567,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNU4HCRA9TVsSAnZWagAAVL8P/1BOjSbKDI8vJr+cm6qs\npAZ6jiyl6mihIv8qP6etvXVHKsBVTWVmBZ8gpTvGBrp19Pyilf3k+YJJe74V\nEqyfDhkLguNtxY/zGjKwC/BZhe+gfc66q2DnsWXwsb44tki2uTkqi2oZP2LZ\n80jZti2Anj1/T9nYtNqsbM9UNGmNGiExDtnfEvXLWTuBX0TFZH4OmucO1yj9\nZocNgVw3rW2uj9GC/q8xOBstZACtK7gyXXwCEifmrkt77OpTlAJ/d2cHyt2q\nvDvDpaOtdegzRPrd3I+WKtBC8mKLOGzWlUylvUbtU+5ZjDFprjDB0nkAMhW+\nYmGiUI1+F1KUtlpHddvevvUXKLaJ/QR3RUtg+6HscxSWJxhdfVbC3fI6xfcD\nizfstfRg4VHCN2KSHV9wmlqJRk2M5Y/25l4QqDGSm1FJ6uuPYchMVVOytrEW\n0uf5qtvIJ87/mjpDEZJj894/LJW4CS6c4ZJZK+DstEpbTNbGui2yBa+V6Ygb\n+XLBdRK31aHKFd2RWYSNqXZxf5A6URQ8qQqDWPZkZUAlZ4Jq/wGBLjGpDxQz\nz7HfvV2kxaAzvEXmi5oQUq4W30U3ocYqhlt3ifYDluIPli4x9ksiNdPbZlRy\n3ZaZb7DafTTn4dT8V/wUunJrzb7QRMvAmg2i0kC61iqp1InFADKAOtf3fezl\nMF1X\r\n=mSi+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAZbEJj0F8QAUPcky7XpaMdbhDADQT+dmssTf/Vy8VYMAiEAoPAoj/uHZ0wK24fA5tnzFWC1WW/pM0Ybp89zBAAtkro="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.8_1597328903192_0.0821722548467052"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.9-7369bdd89bdbedd8d5e0db3c4666ff241b5e3c81.0":{"name":"@unifyux/theme","version":"2.0.9-7369bdd89bdbedd8d5e0db3c4666ff241b5e3c81.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"7369bdd89bdbedd8d5e0db3c4666ff241b5e3c81","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.9-7369bdd89bdbedd8d5e0db3c4666ff241b5e3c81.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-p3EVG7F/+k98xPZznaNmwJQc1BdobJKp3mJjkWlzpaaYpGX+W/rSkTNxazVQJq0+NHFO0PKezBNYOoLeoV4M0A==","shasum":"ac051bb346c351dd4ca72af96f5f085585c23c8e","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.9-7369bdd89bdbedd8d5e0db3c4666ff241b5e3c81.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOpDzCRA9TVsSAnZWagAAjZ0QAIiyxEStXfQx6jInOnvb\n+t7I68WepYT+7p4IHz9rrQJrn0BfJfy6yYFkHfmmk6C+iflk9FuBnFBJTQfl\nZiCjzMxMWByF7+yK5tQdxukq8rdJT9oVJbgmkc6jT6ONPE04QfFQf9ggOuiJ\nYFlpHET3BKb4WWeCLXMyQkR1DJzhJp8KhmjTVR56QC0VnFDxIIctDzhyeVaf\ndHupRMvXz8cslvoeFEYRgMRaF7nD8IkUv0jFdkrAWRJZpW65Avlsy/VE2g5G\nXU0sCGc2wFb4eG8uPrwi9sfsCNl2DHYs7vZX3tqn1TP3FWgNr1RWMz+Y9bCH\nSum6m7S+dXOz+KBWiKa2BriT9+zs1gzwMvaTKgZOe954idWH1XkVra/bymWr\n7RLaanmrXhmSJmKEnAffGbgrpe33M6pzfPZ8xBp5PpzFZg0l93uRiYCAjLy5\nQSNO3ubJ36DrweZ+zdZqhYfS6E+b0P//PQquyceAqgqhvH7NSHbJL/5tC0SL\nmXvsxfGfj5kD9TDYKv5t+F14j19A+gwb/y9k/Lb65YsgzfsrYU4Ixfp9/706\nQs8IeT596p/Y8sSeMkhfWyprtkQhtKCUzS7UvllyiDHSwL5MlALUIcEpZlzA\nPEZ0zgXKSxQw333U+e8yT4rEraXH56rHuJemeabDhH0DAUlFDPJAn1QtFhMd\nQPZx\r\n=Od6c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIANAehRfiEhel2CFRjAZIN+CR5NBIQEbfiIGc3lwH8pUAiBedmezz4bCCkgHy2BAUUPlJFjRkIEDclN6BcXt/j9CMA=="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.9-7369bdd89bdbedd8d5e0db3c4666ff241b5e3c81.0_1597673715428_0.7991671197687875"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.9-67d9a240bc26252e5d3c7e42e996c95ac7378609.0":{"name":"@unifyux/theme","version":"2.0.9-67d9a240bc26252e5d3c7e42e996c95ac7378609.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"67d9a240bc26252e5d3c7e42e996c95ac7378609","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.9-67d9a240bc26252e5d3c7e42e996c95ac7378609.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-DbaUBFVSCo1jaxsadi/S6K/iAQ1uBwJgw2XqztNuMNUiSei+/SfZVR51IcA8EINKobFDqD/scL/AMFcZnakBgQ==","shasum":"10a6938cac26e361465b3945e6f6b110fbbfe613","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.9-67d9a240bc26252e5d3c7e42e996c95ac7378609.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOu7vCRA9TVsSAnZWagAAAtgP/33VQjEKJzfMAS2hvf4o\nW4wJdadX+WnsmxKvf6h2wwt5JsEDGVIxCaxdCZ9fSqeB0usZ0riazJWasfXz\nMyNCQvjnLV6gKC/Sy/wbO9ilqG/ZesSkzRo2M8ojtmyHWl+b5AjkpvCFNXSB\ntYNK2NQtomuOoZvOBrf0QVZaqTnw5N9AHOz9fYQWkLg//ZFrC04Q+Ltsod/e\nhrsJ1ifHAfW+M5/0Kv+2/a6bFiscGWLCARCEVaosaeJ3xXYlJ6BmjZ4EcsFr\noEydDePls84A1XyAJtP/HGgj8hQSgr5Iy7tQ5y4xfXdS6PbfTyaBw4iJ0eUj\nx02FN9uYdeRxpNhBvNuSOq0zvLyDR6dv7PlQa0l9m/qjTtnCXwmu/C0aPb4V\n8bimj02aUj0Jj5E3NrdTTm+mQJh75x6HTPamXjaSx0DPKtJvp/cPQpGWXyLZ\nyCvvLL2ubdP+EhCCr9fznBTqchZCCu3LtNTjV81A+AdNsmxAthf3tQb5swTG\nMhdvfJuvTYOkpWH983AY2/JPu0WYP0oFbfBSvnld/RjxkjXATvKys1sqWu2R\n4UN3r8mog/W0tYjzW3xlDlIx9g6hNotALqmQysX9XenqedCJWyhiGVCX7kPh\nEeMoYMU/+JAH6t7SBz+JQWMxvHTQnq2FAxE+S+8s6G73h9nxcHLX3nmyZL72\nK3Vg\r\n=MNxf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC7iWxGB2B2xcYY83g6dRJeLC2Hf7xDlxQgyegOBzDtMQIgD7Aoa8hUXkyfWVv3rf2SdaSUXokHRtbINj2ITR8kezg="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.9-67d9a240bc26252e5d3c7e42e996c95ac7378609.0_1597697774689_0.375078772778044"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.9-9af7030ebaa4454d4882c4ae8463a8bcf7205018.0":{"name":"@unifyux/theme","version":"2.0.9-9af7030ebaa4454d4882c4ae8463a8bcf7205018.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"9af7030ebaa4454d4882c4ae8463a8bcf7205018","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.9-9af7030ebaa4454d4882c4ae8463a8bcf7205018.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-vc+Tf9c52Z1fNEYvXT8LkX+j2Lx4hP0d9kD5KG9uqmlxm39+BS4a5xCujvbOlqEao6I5p7IWo0sRRZUyCAgU+Q==","shasum":"a50f8d95d32b187da2f8d728fadf30e4a2b2d368","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.9-9af7030ebaa4454d4882c4ae8463a8bcf7205018.0.tgz","fileCount":11,"unpackedSize":15618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRmcBCRA9TVsSAnZWagAAkBMQAI9dDy9ee1aQ/b7VUH+a\nSm1UgX9C4fy3c/xFD6/M3O/yG0LtUO6Zpm4IR1fcuqt7wB1NZ2OGaNTGwOn8\nyttmAAi6C5IxJ7hk29HwJAfa8C8nW0Til0mspSEqxs0YyO67PBilGB9u+eTd\nA+zIQOOKldeARTDTc+oud5brOacstrNCU5mUJyMZR2mcLNkZgZPzyYeCgGEA\ndwU99B8GaUn/O/CjSpIR+4o2k4DUknQh+ll/Dd0cDgMQKTuuiFA6wqSh89/9\n6PeXtk3e/7oWrZfFpPtJ7Fe0TJO9MWmLeD19RnrWujjORJbsOj3J8gaGNmez\n6WEO6HLkUEtwZI+NmyidRHOkM90Ha0ijLqhYktCIRhQ4fnrPgyhXZfK8GLe4\n4l7ojQTC1g6dGw44yNQOztyHF9NItkCehECAbGg1ox86SbnLOKiyVycAuBy/\nff9ffYm+oozNJd+t7Zs898qyYcUvaj7o8vSkUjgTsQHGnOwsz/0O3ICr6BUr\n9XY3t4X7tBSSd3zzMDWhh8Gtee4PKhDqp5Tc/KeLXclOSLD0NTcn+k6QvieO\nx8/Oi/Ik6LAxnQw43B50aQrAoP/75EO5Q2lKKSo1MHdd4/nYUm51r3uLGVrm\n3odTS+2OuPC778d+mYnxgHctQY019Hu2d3v6Tv7TgcF7IA8jj4ZOCcq4O/hp\n1mVJ\r\n=erNu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCnxGofIf1Ad6oqleROdM1xs3Dp3p+V220/Zud/96UTVAIgEWoEmsnqh52AZNTZpsiUiVdL6I8jSNIbDyOQxcocza4="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.9-9af7030ebaa4454d4882c4ae8463a8bcf7205018.0_1598449408620_0.7859663826953256"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.10-70a4edf0886e93362255b5f8ef06acdd4365d1c8.0":{"name":"@unifyux/theme","version":"2.0.10-70a4edf0886e93362255b5f8ef06acdd4365d1c8.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"70a4edf0886e93362255b5f8ef06acdd4365d1c8","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.10-70a4edf0886e93362255b5f8ef06acdd4365d1c8.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-1SM4LLQWJNbSh+Z6JeJB1F9s3YPWZNiDnrGf9tgvjz5A5NSJGeLv4h2k28oUN7ETVo2Bp3hW3kQPTvSqlJ3wcw==","shasum":"5b4f515827e6b42e48fd9544e3cf250b73bbaede","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.10-70a4edf0886e93362255b5f8ef06acdd4365d1c8.0.tgz","fileCount":11,"unpackedSize":15619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRmhGCRA9TVsSAnZWagAAzj0P/iujJhMNKF+LkSBC9nuy\ncbUwSuA6rllMCQP+DQuvmqeN6WSMV7KW6mYHyWffBITQNVaKJOJ5ZERJPPqR\n/4nDxc/JeLMFOn18nD01GZj5+KmK0NCeajeDU1cCJDYFvCOrFw9k36JsbhJj\nhDk3eg4D+eDCImuM1ValJPyTHICRiu0egtsZwqRHvdd6nLTPAiwYADh8onSP\nPSTfB5FgRSmtOJSJiiDE8gxBnfSyzlVp+MVyFOp87JIRSUyx8pktCAxSKtbb\n1hAt2M6ETmJe48hrwwtqmC8bbTJRyGujOlsckuOwRfwMtsbEK8PG94PnrvdJ\naZJ6EhkuNiReXPB1WbxKmypgZogPfPJGWBgvQMEprIj+kyrR2W8wD3ALzJ2O\n6aLvRYU5QTzsoZg9ICrmUOsISc+YhKPRlrVci5lFCqMow+TaEK0zIo4swzOu\nJ/A4Sh37QyI+JoC//0ANu6dMvzNLMemZp3hzHD4n5bKyAcRERTAi/aB80Zbw\naQph8MjgZyilmUIUYBgntYebvBWp2H9U1/O+Y4JPSgIF7PekGO/IqmHx2HaE\nL/21TH+g4pFnAy6HCo8nt8EagAuNUA5i06BXHiWcNnvG6exlmmJnIj1M+DjI\nBRUL+inkJKsudqOZ/zKPffCYX+77qzJR7bjL9ZSl869PJ4xlze/bNd9ytIKK\nRnX6\r\n=hZYo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCjW05ii2KAD975bGqDg2wwbPkxPBsopoY69vcslLPTIwIgXPBopMxERBkI0Jr/QDZQ/VzNQpIn9rzXjLgHGIUtFq0="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.10-70a4edf0886e93362255b5f8ef06acdd4365d1c8.0_1598449734259_0.950495863683301"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.9":{"name":"@unifyux/theme","version":"2.0.9","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"fc1a051c95cd473c2c8d02daa43394843ecc7c31","_id":"@unifyux/theme@2.0.9","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-wvi5HxattUKnzt0sGhsoWw3sO7LAOkVOwr8m84vDQKC2bmtqvFyY06wV8xsDdqFcZvDOAPKvDHkcjHXFZByyKA==","shasum":"960e9ad82566dc57bce3a7d5822291ef2f32aa79","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.9.tgz","fileCount":11,"unpackedSize":15567,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRmt7CRA9TVsSAnZWagAAddEP/2+/wyaG5WLNPjX/bsKd\nOPh3xmEI3cpoyvbQh6/zQ2Ullhw4650BmslieDNgLf6517uZuodc2nUA1+DQ\nOWr3N58K2ahuNV4X8gSgMJNbMWosXXl6X9X8drFLXg4rtyqkg/HivBqYc3lg\nRX3qzrMeT40ixFqR/6LiMJpmiuq9ZSTfbVgCuVb1NvKY5YjSIQCoSKvxCy9r\nHry+WWlNlROvVpTKssNjl0PP3CDf2zE8DROCNxAsOd717DsWPz2R/e+AQZz3\nQXeX/uZUm6HXh7QFJEYWXoCHFDln1NfzjzQeuwe1g+nyX+YPGRYrF7n1lsOk\nvDCEe/BeKYX5PAJMv2kIsqHZSNpZaAJdsyP3/xV654g4spf3I9Wsce7i5HUs\nrvnJH/3xI0E0oZJ7CnWW29L7s/9U37e9zZMCNXLgWq1Fw3hNEcr7sD5KsN3J\n6AJ9aH4PLtBEA9uBdMyrn4i1yH0avZewI4ySLjFracY+Xh5IPYlVLlV+E2Ji\nNisOkk9zyMhckix09A4IfdFXn9U3h5ZwlIsQELflrp2A3fJXlmfSQnRLmh6n\nEp81la3YWDHM1NVZcxkoOoIx9addPVIyb/djm42tni8Kz5i5miQu/3qWfDei\nv7RXDhzPGPrTkFUwnsNJHsPiJV3JrAjDxv1nhzBBdF2/SIsfKTCiF78Nv4eB\nXT1z\r\n=hetl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFGNgYgoGghCpowJ+nYhDpSS2hJJLUjIAArItyu/31+iAiAFiG8raUt+I/F4tmaZxLXTMBYxzhr+2XtXc/0xieQgIg=="}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.9_1598450555191_0.3720065444337324"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.10-8df7d5ddc96c4726634e967f8c70c5b1a81b62c3.0":{"name":"@unifyux/theme","version":"2.0.10-8df7d5ddc96c4726634e967f8c70c5b1a81b62c3.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"8df7d5ddc96c4726634e967f8c70c5b1a81b62c3","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.10-8df7d5ddc96c4726634e967f8c70c5b1a81b62c3.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-6ZNYIaHS5hIeGRh/UTKzDmDGswausIIcKxX80799dPYtlP3iVIvEXocjAl9Lah5zhfJ5Zdqx0fsAqbha8dzUrw==","shasum":"13a22a3d6babded69123afa92df1281f774bb91a","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.10-8df7d5ddc96c4726634e967f8c70c5b1a81b62c3.0.tgz","fileCount":11,"unpackedSize":15619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRnNlCRA9TVsSAnZWagAA7WYP/RT5Njp1DVYkYP6pT1iF\n3RB7uqztBu+ihACLW8iYCi7iBJKSGB4q+JQMMg9H8k6KjJFGvqzIFPg3bXKu\ntu8dK5dAWFRFtq6Y/1RniPrnMjsxNqzh41shrYFqYXU5clZJJ4PZAl3EHKz3\n72zCnMcuX+HB03vm+OYMx8VckaOZTzVvFWN8J7dh8Pr0NOLMHEQVWmRy1FPj\nAVEvhqyjGoTt+66lYBbqJ0NQaNi5VMXLhIt8asyS7uX/OmXVkQZs28Y/+gQM\nPzJP1WZPWGQLlDUlbLGGBNyWgWOGXU2tKm/QQY6Gj5JGKMQU5LDwlaIEvLYS\n2e5xudscK0AxXeuMIzGDRNSKRfdz1Y2brSgVGVuJxocnAtKE4be6iRROFp7n\n9UFYbxkcc7diUWb98dK+2Mn3xpRIQuIfkc47bo3n6B1EiF8q92Yrv8ueZQbW\nhKqmucg7THvKQFDfS2w6qLQcgwxvZg777q/opHmSIGvkgq6IRO1tmN7nB9s5\n2/W9X/L3Jq+ryhaRLMIK9yc7kFjs1jNaCYSZzYPUg8Ma+aw2BJdccD9hvChR\nNLMH6+OXCpiNyNuJ4QM1s7GxgB8PDUEbVp0yuBQoi1ABMLdiW5F4NVy2tsQg\nwmKlwg3PqjyTKae44Oil/L/rPExwBoDSGsGPho4ze2nA3712oVToDS1W4uSB\nRA7L\r\n=SWxH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCwns0Bdqw62TLyJpEk4XAUXIC8W4ZhsWSQ+9lBDO0egwIhAJKJ8Ei8LpheZb6RrIzSI1wkGdbfgG6k9N4N8LaPOBVz"}]},"maintainers":[{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"michael.wilson@perkinelmer.com","name":"mikewilsonpki"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.10-8df7d5ddc96c4726634e967f8c70c5b1a81b62c3.0_1598452576164_0.583043492839511"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.10-c83a0c1277ceb6ddf56ae1da9621c5a0c6d1c2dd.0":{"name":"@unifyux/theme","version":"2.0.10-c83a0c1277ceb6ddf56ae1da9621c5a0c6d1c2dd.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"c83a0c1277ceb6ddf56ae1da9621c5a0c6d1c2dd","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.10-c83a0c1277ceb6ddf56ae1da9621c5a0c6d1c2dd.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-UQzRHs6yrciOv6xCepUknwYXWmMx5LC5ukJV6J2GqKLvOexYU+6D+ObJXAyDogh7O+lghuse+1qeXBgj3g+SVQ==","shasum":"96db5e2f919691469ec4ce6f4c05addd9d03a58f","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.10-c83a0c1277ceb6ddf56ae1da9621c5a0c6d1c2dd.0.tgz","fileCount":11,"unpackedSize":15619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWSpKCRA9TVsSAnZWagAAuM4P/3Fej/TPDegQMCKOvnGC\ntEZAFFWG/a5+7wXsb4JYm8wVt2WkF03Jl4Ux+tFzl8iMx3dwPM1qPr01jRqz\nFMnmRUpzqGGkcZlQHb/V+kFws14R129DH/X8l1xHT5o1KnSGi1GaeLiEpaYQ\nVBFAmVxlIwHxQqSUSdUKL6hBt13v3ztBJ2WIhLyqASOgn7ErmbS0nsEOkD/U\nzaGRSN40ydKzbjt8Z9Mz+7r9eK2Rtu+jUV4nSAWZsVDO/oPMDJzNDJaj3I9R\nH4boZCCkv6ZwJ8Mijlnc3yaCU0soT28x/Q883EoKTfkTOYft246okGLNUm/C\nU3nGuvvPrPWwTX9aoCKK4sy5C2II0DIU/3y9gqQ89o8iW5I7k3l7JXOS7ToL\nvXPrUQZ6+5Pt4+Bum8kRkIGtiUiABOuYVbqAhbrJEKuBr5fy52gabV69tDH7\nn2m67W4IRQhzFUYOtyP8eBPJGsb59FPfVdnDZpmNqPDd0uPLKJ8+BUCB+NX9\nIxRhDqrUtKRjqjEA/hPItUMfzdPr7paREq9mJ0zofDfsWhN8RzHuvijoGsS8\npvg7q+tIi2GXg5xlL1I4pM4vfusw6MQuOg1U83KWEVhJeNfrBPzbJ3oVyMO7\nYDekQ4F2YmcX6JgxArQ1f0u7Jg/gIxwfB+jBjQyxPI5tYlwZIikThwxgF0J7\nPs6T\r\n=DiXm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBHsy1dIj/y+IyMOs02yEIfKJllr+vP4qOPPCHAwxtjkAiEA+yZXOrRAj5Fp75kabMu25kBX1zQcDE5ZNx4cLLy8QuU="}]},"maintainers":[{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.10-c83a0c1277ceb6ddf56ae1da9621c5a0c6d1c2dd.0_1599679049787_0.39594434620031893"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.10-e1ab9142002c747c41e976d4abb556e7406d60b1.0":{"name":"@unifyux/theme","version":"2.0.10-e1ab9142002c747c41e976d4abb556e7406d60b1.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"e1ab9142002c747c41e976d4abb556e7406d60b1","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.10-e1ab9142002c747c41e976d4abb556e7406d60b1.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-n+C9JxBW12r98F1m21PmwlNFzEuojq04Y4g2WBylsuD/yeZVFjym8pxgkzABSl+LADkfxO33zTGD/eE0DIxYoQ==","shasum":"69c3d2195f8bc591f86b7d521a1269cf9ae19318","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.10-e1ab9142002c747c41e976d4abb556e7406d60b1.0.tgz","fileCount":11,"unpackedSize":15619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfX4cTCRA9TVsSAnZWagAAZZYP/iMhNlmRbPACHesswIax\nSD/NxwFNp4Om4eocr0MfiNqE2zBvgVNKb/aNTScC2WlEXtH3bx0+aswoAK3r\nvlbzJSf7gc5xrezel8IOheBZxA3ujg9NZdIac0QugGwEcO9ESlb3vhUTKx+8\nLhq8tiYoi6hEKc2NawZ0RWRMU4BPHoaBH2B6DkF3TvcUa7H5geO3vG3DFClJ\niHFVVUJmgV+yhrSlf7RfN0SRGCROAuRHjmWbPwHY33zctatbw525VdlJJHPM\nFr1Ak9V01IBI60NBPzCZM7XfYFlguCvHYcqg4+zBEuOYW4npdDuQLfibTi6X\nBeHmPaoP4N1L7gsyTrz3GmQoyl9VjfMEi/9vrI+koimlt06hagnfyluXU96E\nS3pZze/ZNUCtuQGzxcsrPqhsYL9uYyqXj+RPY9x35sRAbK1qjakk3/27rJq4\ntTyTwEZsNY2DtiisDsgeqQWV69HLrkcPNCi7qlSmYsSmqtesz7RKTAfOZ2wn\nRczLQxVniTrAreMvLyb7jk3HMOpQ3PLEGGF0JBMqm2iYE8+fix8p8RTlPyd+\nX69syYuaP3qO2oRXp6yP5ZcleRVCXtCQT/eSCwUUZZewJNrpcSkwUIzq1MSm\nc+cP2j1sfax0iJltXCIQwRmNiOE5h64o5eoMcN5QctQPWtmHdz3yc+IlAQJU\nMYKw\r\n=ylXm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCN/rc2F/jrEkbKm0d9HbzeH7TqdOzzb9S5TBTdmKg/wgIhANj/19f9cy1wuS6hVkULv0k0mRhAFwDlq9kfUmiWa5MV"}]},"maintainers":[{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.10-e1ab9142002c747c41e976d4abb556e7406d60b1.0_1600096019566_0.9603077488898277"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.10-dcb55221ad448c30b0242810748ea7372410abc3.0":{"name":"@unifyux/theme","version":"2.0.10-dcb55221ad448c30b0242810748ea7372410abc3.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"dcb55221ad448c30b0242810748ea7372410abc3","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.10-dcb55221ad448c30b0242810748ea7372410abc3.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-E7ZDxx84659vQbNpIyK8kZoO8TG61rkHwXdMeZ6hasnsHpgsrtwPt6/YcPe4nHZRcRparBTwYFIvETzx92c0hw==","shasum":"503ade19df98f9d64ab64d8917b0f668ce281b3c","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.10-dcb55221ad448c30b0242810748ea7372410abc3.0.tgz","fileCount":11,"unpackedSize":15619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfal4DCRA9TVsSAnZWagAANA0P/1diI7BGck/xLksYm3CY\nH32INggRNKTfBJB07Xh8R8uq/dT+MlQMUEQdGJLOZr0YcLD2aNjd4ouqPzhw\nlE88yQ7dDEetrVPvvW19q4ldSmmzUMSaQ8AOxq8x6qS5JXx//+B3qsY+ZHGk\n3/ykzWdepoh06FAgUHVn23XN38nO5jm5mRskHmrwQq07SDWZyB9ziSp8/XGk\nEyCA00gdMWYLS32HKNgk3S678E3WOaHSQwmVZLM/AaZhv+SGa7NNvRtJOld+\nTb98CauDAcRL3SNkVXAhvY3sbFDiG+G7of1rEtUXDEjPBXLUNtp5h13AlzPN\nJgU/3wSEzT1TTeJxf2k2kyIkLf534iVnLmTG7nW/eBZpBQUOolpIKSb2e+rO\nrDtC0mFQKev1i23aMAUC5zfPwG1iuDBvTbMOdBnbuNV3ZPg/z1bJU9+mLm5N\n5SFjS5Dt3z9NfQTySX8Dq3BoLoQCZoc99zVMoE1rt56GBq6VEVFxMfmZPwHx\nCA8gPkRoudOGBv6cWnl+c9Lz/lKg7BNQTgGZxogyiWCP4Qy9ydfohPF1jmcM\n/TusJ7xgObRHJRhpZDKb85TD36UbuE8AQPvgiOOcva5FKHx6ZXkVnYmgGfbR\nNUCUAazyx37j72+cMphsrUa/CLOputnhzzsHebV1kH4yFZ/txOWdw6wEFpWf\nC8+d\r\n=gyTO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGkKYIBucxYY3q4VtK2s0RgELqbyvkyLgk2EKfIUZtKAIhAONS50To5dtBmcFFlNIX+NX3iSFpOl3ynkIq6PD+hoty"}]},"maintainers":[{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.10-dcb55221ad448c30b0242810748ea7372410abc3.0_1600806403110_0.6053771410839965"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.10-4b2085f47ba759f60a8b2404282e7c89f433ba6a.0":{"name":"@unifyux/theme","version":"2.0.10-4b2085f47ba759f60a8b2404282e7c89f433ba6a.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"4b2085f47ba759f60a8b2404282e7c89f433ba6a","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.10-4b2085f47ba759f60a8b2404282e7c89f433ba6a.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-ECX1ftDT4D4wPD16gbPWdeYlQVoXxvT7MShxNYzTjqqmDd/J4oz2vN00h0LK2r3tfe1QmLVFo4Ga4fYbTlf3DQ==","shasum":"1d97f5003cdf68992d76957e0053fc5a7689d469","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.10-4b2085f47ba759f60a8b2404282e7c89f433ba6a.0.tgz","fileCount":11,"unpackedSize":15619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfal7ICRA9TVsSAnZWagAAtLYP/0J54BF7zKBTuFstUj28\n36Cgp1kHyC2c/aWGg/sG9v1UKCd45CknlDpnWcHM+sSipQF64W+mF4qbTFnQ\nwCi7RPaPk3APw873RJiQElTMkem61c2sd037kgCOoxtpc3rJF4G/hWYHjrss\nDqYEsdNxNcvU/z0QaVGYe4bYVzJjgN2mjnBlV2XAczmZyhrK317zLiaI1Wh/\nZz0ct4KZ4UGNcLJfXW/1X6hleguI/sPiiT8vF6eZF036knQGqDbLMuJr3STc\nclsG3TtVz3x0AoaeHXlPO3FGC/HMD7f5A3Q+GfP090E2w4s6/fgZe1Kidx6J\njb7kovZi7LogquuPTCejEiqcQZC9U4W2zdPKkgkBwCRrnTa4pLbQg6WzYn7s\nd5p3QenDx07xMIbc9iMLE5Yrx0v2MHK6duUz1N+x9pzRfhT86UHgcaFbJ47u\ne8NCXum1Opxi/XegzRe4rqaE82T0shU8OCro6NMXIJRwcvzSnDuOWm59YNEC\noX6NAwH6CNupI/5gNrK/+9SDLdtY28ExUIu44i2Y7U0mR5LtQ8grM4/TkPV9\nSgcvDZKDRKLR7aavnFFkr4rxJ/Sx7V234XSxdEa8mERoa3W2XNTVbKvsvUIu\n7oWn7Qzj6JXnW1Flh96Jw86wnP+GvwtJGDmMuvJHDZc+Ke8UEpLgIpovIoaU\nAKUY\r\n=YUx3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHXgDgY+JiKdySBUugb1Hhy5r1JIxEbBuVsYCHsO/UyQAiEA63JeAsozT4LDFrAW/d5ubAkb9BIm/f/Sl1ZOV/yiLC8="}]},"maintainers":[{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.10-4b2085f47ba759f60a8b2404282e7c89f433ba6a.0_1600806599840_0.731475871702254"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.10-ef5f51c548c7077815715825cfff9a30a8d5b7cc.0":{"name":"@unifyux/theme","version":"2.0.10-ef5f51c548c7077815715825cfff9a30a8d5b7cc.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"ef5f51c548c7077815715825cfff9a30a8d5b7cc","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.10-ef5f51c548c7077815715825cfff9a30a8d5b7cc.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-eWur/I/f9UjBtVDRmn9rzFrtRJAWzoiYnlwVetFzuVBoyYtJA+jYRBTHO2/5Lc2DdlA1v/Ae+3xsjarLjdNzUA==","shasum":"c6e661af9c90b4328dce3d29a5d2b23e162fea72","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.10-ef5f51c548c7077815715825cfff9a30a8d5b7cc.0.tgz","fileCount":11,"unpackedSize":15619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfa1NUCRA9TVsSAnZWagAAgXoQAJZYAuMvlFZB0XFRPAOj\nMzT3rfa2nBqnZxJ44Hq3SbnTf6sk0qAbqGDiNzF6KUMcht32Lrx6/ERWKERd\nj6+/rkXs4mKwHP0asNulDe54bYP1178CfnrIb8+Re7H1nPfOXBHATvHyPxrj\nTedzfoc/UDFktziAV5GgsQk+sPt2OVmUObHjika3dUaFdwbPGzibCSk5W/mR\n9cfgJy0Oy+NeXp9siZGqZJMXxZuNcL4goKihja36gEJEmv7jDOU3hDsUc8OP\nWfKH4OLGILYxDzAM0DjE/jJEW0RDHv/+YujeloeS+01IXk5YaRzMa+Mqm+lE\nS4Awp5zmZ3xMwF2sM9CwMch4I4LB9NcKtbvQs2YnHjK4S0YhSDsA6LAPZBVp\n0LXUGN/dX7PsI0EtNHpiIBObWDBg6koawJ8kGnoXtiZLGvQ7uLiGVOQ91+Qz\niW4ib8F3J09Dqe7VF27QpTaJLPu5iNVa075c/cgDsvQCBtBLawsgzeVyEivn\nt/5Hh8llPcdJZzrVGlUL8yW6KM95mMjMndDU37XI8mEkqQRjGecCXTQ6OYZ7\n1irAjhGHlWCaHeX06xrfbNQLm8MrXMa17sd66VnNMNDDlPs4qIdDz/x30CVV\n3qxHpwfnuJUMfuTBdDHLhNH8TLJfLqKIljatr+rCIVw1iaKilYmF+82stqfI\n0e2V\r\n=TEwi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEHJQQmotiDsVlzKMX5S+JztigAPSqUUeQMRlxZX/47pAiBlT0Kc3KNQQ4I8whe5yq4K8xINlF0MRM7oQwsgLlL0EA=="}]},"maintainers":[{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.10-ef5f51c548c7077815715825cfff9a30a8d5b7cc.0_1600869204556_0.2681056944966511"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.10-43814241adab71ace78b62203bc05c300ddd587a.0":{"name":"@unifyux/theme","version":"2.0.10-43814241adab71ace78b62203bc05c300ddd587a.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"43814241adab71ace78b62203bc05c300ddd587a","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.10-43814241adab71ace78b62203bc05c300ddd587a.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-qz2C1tXZwu23OtNUr0DLnp9jXDss7FaOyeCUG1h1G8lLuIwrRNETqP5yLtB2135/OQXtoETGFN2bLWK050EiSA==","shasum":"3b79ca5564ed29e78cd5aa92a3a2aef626534f79","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.10-43814241adab71ace78b62203bc05c300ddd587a.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfd9dvCRA9TVsSAnZWagAA7pAP/i4ERmwY6lJzC4nxMf4p\nw8cSvBpfYev8IItu4YyBYXOpObzBZIxaS3qZLDJiQPL1R4lShN7B+fgqqHfT\n8QNIsNKBxjZihE1Wu7E50NiKA6hNNdPTAuZtxjDb+awRr20ia7S+BYFaZANH\nc35jt2lVjlJIgjeoQ+Qo2KiEreDtR6taBG4F/5aX6D8g9fsoFkf0jwIGtvpe\nLzkJxhQAOLsn460rvDtE6HaY800AhI+OpD4DpmqXaR44hksmNFQ4LkYPMdO1\nSYFAX5l7TOYv9yqwi9tJrOkMI7v5EjAGmZzL7XRJkj6RS9rBphJVBmR5YuBS\nUoqTJPU2GSTL2PbRV3bY0Nw3J4odE/LhAStiPPSCE/8Kt055xl0Cz4bY2zOt\n1g81uGuNBQ3pGw4N0lczVzVh/JNUjMbyBwaqbFpfIOkT9qgGEYsdeoY4Sm3C\nNCpUKpfzp8EGVYClCoT3dGnwrMWIebeFNiSU0RDByB8KRfZv0YBPUF5FLipW\nUm2JJkvDs7Ee59rZMx+r6iBIZIOXlvmbA+Ik9I4B6Z8pVwNzzs+32yL7wxCv\nmp/OFS84j5StKQi7CZWU/BBV5vXViJoV0H8P6l3MetJQaAiEKZg64WNNQSNz\nbHfKIyaM8tgYKu3i+/M/+/uyjE0ckjLzzVl062w0OpTWG8bOKvaAtNK4osdb\nLBGf\r\n=Znm/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDkyDs2ARUmEUXKELIdgGKpOCFDiZoYIaaRD24M+Aeh9gIgfubbvn335uUfYTC4h9sX9DED8YItBPb+nKPnRo8svXw="}]},"maintainers":[{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.10-43814241adab71ace78b62203bc05c300ddd587a.0_1601689455338_0.23382667209288033"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.10-4e1e7c1aa9602a25b01cea8594611d5b86d90ca4.0":{"name":"@unifyux/theme","version":"2.0.10-4e1e7c1aa9602a25b01cea8594611d5b86d90ca4.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"4e1e7c1aa9602a25b01cea8594611d5b86d90ca4","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.10-4e1e7c1aa9602a25b01cea8594611d5b86d90ca4.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-ub2bKWikNQaO4l6GLU7ZR5C1l3oZy8HUxiTdB2S4kT90ZpWzErfAn1xPmtejoYAQ6WT5AqAcpDn8/cGatlfEpQ==","shasum":"5f1068418be42956b6c3d0f5f293b1a0a1599660","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.10-4e1e7c1aa9602a25b01cea8594611d5b86d90ca4.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfeyRiCRA9TVsSAnZWagAAXhgP/11WmzOosplQqMlOtH7s\nwu6auIQUIcu23H0gFkQijux6HenV8r3gxBBUIKKBA4b+o9lhIjqGUHH5IOze\ng7ZiM36X2Wa/GtTDQjxTrBN5+TCZCPcHTO103lAgVuoPg14lfGQdb3c8sA52\n1k8tVY74z9DJaAwXk+pTq+QGP1ShuWEj3p1Lz8GGwibuwoFRkG9JfgIO1ogQ\nZhOQlV005Lmh7kHPwe6WAgj3cuatLJORu4Df9k0LrAyWrB4RPkkxusS5cLPi\nrDzkiDzbpiADui+eJSVYkAIi7LsFALOfj5a5Fx05rVTe7h2iQPlT9gEpVCvK\nVqhAC66Zgbdhxhes6Z7aGYbdJ/aTEolrxTZLa6kRNr+oVSsLe0EtbYRuxsrg\nurwx20SOmcy6ubcT4m0qZh0pLNkaNJCK0nwWQa7rP8Wc/+qXIeHIvETkk097\nKRVIIlxcVGMYQnlMJ0mM4bF94s5I8K5qJDH4HkFjQD0Z00dsHo6YYwsAxuAd\nGtByAgJXoE6EI3nI9bd4NROIjt/I6QHBOo+uacZhu/XTCE13S7k7AwogY/4X\nZ9Mulrk9s1m1UNZ6Iw1JFS7GbHsWmtbWBXZnmTic++wd9bfMgwCqB1EdF0fm\nfTvUS1YPMZ8BlVO8OK5ogOBswrqgrIL0ghrkuue0Go3+DOUSvIUpQfFnrtuZ\nApQ5\r\n=FjiP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFyEafBprKtwKuQb77c+RSaPWTz29RAaz0W4fpoVC3N4AiEAxz4yfGqmTWoLrDbX6+RdhbvRR/c4WQhkqUx5WAgSsug="}]},"maintainers":[{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.10-4e1e7c1aa9602a25b01cea8594611d5b86d90ca4.0_1601905761778_0.22446986525061008"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.11-85c20d5920a33e51038d4a48d8676e292e727493.0":{"name":"@unifyux/theme","version":"2.0.11-85c20d5920a33e51038d4a48d8676e292e727493.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"85c20d5920a33e51038d4a48d8676e292e727493","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.11-85c20d5920a33e51038d4a48d8676e292e727493.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-IOCcvUGk2sIXv8aduQdUmma/m7B5wSDuiJt3rhxy1tAOQDjxOj0WXGGVlsnVUQx4xEe8JrVjkdIJRXsnlZ3YfQ==","shasum":"3cbd3e398c89180eb592782d04f9a31c2a5c2b7c","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.11-85c20d5920a33e51038d4a48d8676e292e727493.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfeyaPCRA9TVsSAnZWagAACi4P/3MAqY83CNemz5WWIdZA\nleKi6nv5jia0L8Qip1glMMl0j60Q1bDi2MmLybI1j/4NLHghVxroUBPaI7/n\nL5n46sKM4l1N3mYALRQON0/Sg8+uVyrM8/n9fplr+1pHyQvq7R+Zi8aj5jei\njcWOrsyy6dIS/TIMsnGDIYtUe0ZNiXjw22ZXQ+lRFslai36dzsi9R7F3qnKj\nxa2E0WNORLljVAZLglwyJ5cavvmueKQAR6t/aQ8g5ahjHSsOeESjrnjfOpyP\nrSlbABASrmJ1+oP5LaAF9UI/11yh23IXPSaxWXIKHkBBvlvbiLyGK9IerqFv\nJ3BgDtXNUF8VbfuAyGaTFgDu/CJDWJN84iy4VGDgdclGV1MDOiCIMwlQELSv\nBrZs/LdPrpOdUvNU3OXc+5XuEo8v5VyLm/jqDsiXMuAZW7OjWvE+JGEmL3wN\nimtCvSO+yFFz70z23x9GW1W6acUKOvmygbvaP5eRRh5HWiWZYuN+/SpT1dpd\nTz+8HKAUGZBqSmuWLLQQxOo1jkvlRhbmWyTvaksgwQSiNMuF6lmee5Z0+iuT\n6dsyZvi7dpgtNUA1OH8xGSIhU/mJ424WwfmkgDinhZFKFwF4gB/kpfjeGqXO\nqoBsnPkjXPaPxbtfogToHJzYbjjxxmYqjVUMgQ++qrr8tNYqQfVigy1Zu0yk\nmMx3\r\n=mZL+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDF8Nz0GPusnS8ITXHz7gjQevGTop/QHnWOmLk2wJO2vgIhANW7dfObDbbMiOjSTq+DHqlnyzBTQk3XFhTQ40c/9kXq"}]},"maintainers":[{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.11-85c20d5920a33e51038d4a48d8676e292e727493.0_1601906318896_0.1471029151066452"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.10-2e30b1f5b804a266ad11c59bd2fdaf5086182db7.0":{"name":"@unifyux/theme","version":"2.0.10-2e30b1f5b804a266ad11c59bd2fdaf5086182db7.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"2e30b1f5b804a266ad11c59bd2fdaf5086182db7","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.10-2e30b1f5b804a266ad11c59bd2fdaf5086182db7.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-ZSADcu0UkUl8MQPxnfdMuwY1fiibfLI1AeXtVlPxCk6NxcNjKYFYRPm6kFOrHzekWE6X1/D/b9eXFGqOxUtxlQ==","shasum":"05e7c77b87fdf8a4c51001fb0aa9faf9687b1c3a","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.10-2e30b1f5b804a266ad11c59bd2fdaf5086182db7.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJffJKXCRA9TVsSAnZWagAAP/8P+wbLWIUSEbSEnZjh9/Z1\nQRvOk4J4IyKOBbXT/nazvw9n9UUKK0mxDbUIAiBfO6jeLFP8fyKz+RDbwmHm\nVULfUKlBWqWzLKV7a9fSuw3L30TZcmfKFJ7DFRQyzo9r7X9Msqx17xmrMDSM\n7YduPKkgqaHOatuZh0Cb8LJxPwiaHSMOPqAYXk6e8t815y3Pylfkg65ZMQm+\nD2sB6gfGdTlxrtE73JonkzQ5nDrVdo7KVYbaFri9650mxHkEJZmTy92zHUvg\nlL9Okfmexbru2GWZPaXxPnd2V92vx0ofpuyykaZuxSQhO6at4TdKDqP7cSx4\npOPxjI+T1Veqq8H7DroV8APX+h0dol9FSQyAW9+72BUQZyRR+bNp+aSqA5dy\nKaS4PBNlXVs+jIHNiWohDNPh7BfRkHGjRnjaljVnEx/gDBx4CKqZIrUnNwsd\nwmFKsXYr6jE8ubUWJCiPvWrXjqXK2FkvsGCnHgPJNWvCpQZFsKDHc0t7aiJB\nLKOhGn2L8CvRV3JtJvrYg42qS7+lzHPhxmXNsSUc8KxXh49gY8uKu1s033TH\nkRIHmiRN7GteGInDRMSkJpHadQ/oH7gEPWG7EA0Z2O35my3lecTqPlSehzQV\nzvpMyzyN+U3+iUv9IRLKJ8mHtZKarhUoce5er5gW4gVexzBFBH35n7RJdJmE\nxGYA\r\n=XEaW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBZiO5nvMMhhCmQ7jLSwwG/iBJcdVejoomzfwg1K0BAtAiEA2TV9srIFeirt/3PFTn2ZskLxTy7q/1LEqUHQ4DvS4sc="}]},"maintainers":[{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.10-2e30b1f5b804a266ad11c59bd2fdaf5086182db7.0_1601999511351_0.5492266401901797"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.10-018bf6796e30d13349944e9bece956c9ef8a2e29.0":{"name":"@unifyux/theme","version":"2.0.10-018bf6796e30d13349944e9bece956c9ef8a2e29.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"018bf6796e30d13349944e9bece956c9ef8a2e29","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.10-018bf6796e30d13349944e9bece956c9ef8a2e29.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-d64/ygjpAsPn+RowPUIoD+XcSv4vuwCTuF6fl/3+RlEwjTAPYykrwFcR+fa/eV6mJOBlv5uS6v5eU3b65Z2bOQ==","shasum":"76da29a5eec727023aea965b30d691f84da5e96d","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.10-018bf6796e30d13349944e9bece956c9ef8a2e29.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJffJONCRA9TVsSAnZWagAAHmIP/2rppJN22vec1E95NvvX\n7oa4Wp0Zz6PQy7PuECpucQfUVbyFFn5ecOcsqAOUDAfD2NziPI8VGf2BGtpi\nhBuC6lxElDfZjXk4A/Y16mMGGq3b/fGM4aZdJbJO2IBYfOWxQGl1z/Y08c7U\nUbuUiqbEdA9E6Q3YvjrgDrRQuAQ6EmUBWqgeF+GJ8SQ8wOhPnancGOQKZ/tM\nwmGo3IXaN3EjzZcT8x93zr7xaYKQXicg+amHRYtShV+1gt4EUGQ6xSUtGj4L\naqs+L/C/tRVMRQ8fOgeFZNcUtZpWHw1EuKPh1a1cxsAtChvJw6J27p8c2jsx\nrD4EIoO0miNE6YgHbzD8ToSCQ+4UpT3NO2BV5y+8SvWr8k7cWzCAqaihdd6F\n8qXJNxksWRGIcKTLk7g2mIew79Y0N5zXfv1TreonGUyCGV9EpplP54JK4eEG\n68CCeZLApgsEfpok3SiW52zMHbrivzvsfTTGoFlajvxmvoA4I7pZ3Qjqse7p\nOnuEy7YSevxhSxoF+nELOGRc8Yhuditp6+NxDjQGs2ALtp7FjBK9IRm3ZYwI\n4+mn82iG8zByoADSES61i5E/aAeMWGX0FYh1kqPMXa0960LjjeMJKCye/Z/+\n98dJydeWxRB0+Ux9TT0ncrsrjjvLG7t5cFgCPpfhRzEXP1s9WKYxa+mCWFmD\nQ/tC\r\n=Gd57\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCAUrnVF/0Drdb/DjulrdVf5U4BqJu+DfgFDUF+8PKKKgIhAMY3rPNNb6mHwl3r+wkx+xuZ2ngBiwaFrgwu23k92eDg"}]},"maintainers":[{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.10-018bf6796e30d13349944e9bece956c9ef8a2e29.0_1601999757480_0.028446437460143636"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.11-1a60fd138e52053d5c669df0ce29140fe117a06c.0":{"name":"@unifyux/theme","version":"2.0.11-1a60fd138e52053d5c669df0ce29140fe117a06c.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"1a60fd138e52053d5c669df0ce29140fe117a06c","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.11-1a60fd138e52053d5c669df0ce29140fe117a06c.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-zcJdtNnqoGit18mf44zgBBHSy/+Ed+lbVcZ/YChXcFrNcVLgIP0pHMSE/lF/7Q2nh29BzbxnseJt0b4qzM9QJw==","shasum":"710bd8272c8b883dbd34b62425e1915e5cc0e4f2","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.11-1a60fd138e52053d5c669df0ce29140fe117a06c.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJffKy9CRA9TVsSAnZWagAAtpIP/jXIK5KjCZrvqzR6gOX2\nmafxlI5+vI7Dt+37YJBFe+GOqyWCA2UsLB9U4P2mXBkqxDf8EGqijuylPlgz\nYwb9fcvLqtI7z0NU0qsh4zXI2eWEjIZhrdpj101zSSAupj8ksFulmorW6yHS\nzFdrP/JgbBuJ/bYPw+PyNQUfpp3UmE99yEhOVyeEopiPaV2s9jeYEkC/E9Zo\nwm2zAYDivo5TcplYUnDbXdthEgIbiETJIDqINQ5Ei0qvQbkw+dlC+Q3Ew5fO\nsNlSE5WMDF3XxH1to8N5oy9utRx0Fw/MjUnlCFBvIgIh+kRiyXSsrA7BUjlR\nQaCG6bhaKbMPAN0U3bPFap82LcSHHYPnLXYYE6e5HvvPnJSs0K4uWhT/+GFU\nJwzCmv95CjdS2t2Uu+Xc9QNK7G9bCxoP/xtXPaJcOyoyNMkRwqTEida9OH99\nqTJIjZaIfCWrTYPWlyDF79RRGwJi6VJqZBTI/YEW2OqT9Gr+e4ap4XHBWivv\nDJQWrtcXlrbba4BOiu9lsNgEjfZCXrehl8Aghz5tBpXh+NPnigyCo7bnXPUY\ny/jU3TKlLNgW0r1hu2Y96icq7ih01A+NfvvzvGON37Xqw8YPgayWvUvF3STK\nY2CoOqiwnukjJ7dpXaneVj1H2lLWaZhBr6HudUIrqjkMEvKNacfU1cQBV9Zw\n9P8S\r\n=GNzN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGb6h5EbCgZl5G3NwYFVC5dmHVbS57bstCmwWTkf+n/gAiEAwn9R/Ah0DwrtK2n9DvgDe9GVgQqm1ojT/q7qt5LNKcQ="}]},"maintainers":[{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.11-1a60fd138e52053d5c669df0ce29140fe117a06c.0_1602006205046_0.9256743464783832"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.11-531ae77628d27aaba63b0c7c29c56bbf7f1ffd85.0":{"name":"@unifyux/theme","version":"2.0.11-531ae77628d27aaba63b0c7c29c56bbf7f1ffd85.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"531ae77628d27aaba63b0c7c29c56bbf7f1ffd85","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.11-531ae77628d27aaba63b0c7c29c56bbf7f1ffd85.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-xNzkqHDGSu3xtvtVitJgZN8KfYC4eaAJoCqb/Wq50Cz8C9JREOQ5Bp/EeNxJcSPpGhIyaqt4BVM4uU39e9GRwQ==","shasum":"c8b7dcae6f861ce57c63802a2639e55f9a3b9f7e","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.11-531ae77628d27aaba63b0c7c29c56bbf7f1ffd85.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJffKzSCRA9TVsSAnZWagAAa5sP+QDSl2JpZcHzw3I/x+Rn\nO3KBtln760pisM/N3pbaegWoXBx6Do1yi+sOV+F7tGGdeKKcQ3YvblWs7BuH\nTVJ4tVPK+majVPXUXVv4m02ORdDQ0xCkdp7TsQlrsZYCRIiYu9oeGZiX8glG\nFkoHYgHy87B7365IERu6NtVWosTtiLR3Wr8HDbAWOkB/ZKj23OArZHEIzMYY\nH8OVhuOjRKeHztPqvm2/JpUw/NpokJoDX6KHnWWxPeDPLZ7s5aKmrz1NyriN\nT+WcHUL3m3N9g0cEPta+y3e5T13NokO0bvShZqA4UxKxMmM+SdLs2LPsWdJX\nY+ZBk89RSfjH+q2Nup5VivRximctwMOPKn5bWbG4yfutBGJNMenD1FETlIOi\n/4r3D61+5nlP9s6kV3+69xofVn7X81mnWA/qibSgAgcTBtyxd6C/6NGc8ol1\njF2oAWyoRHeTOg0O+WiIwGy4nq+5TKIkaMDvzPCsTBH2Rqt4/aGDo8e4f22J\nc86jMftHWYHQXx0coQ77rzcFZ7LG0CPkZ+O1F83/ROEASRpwVVf+LcOl1pEm\n9M95q9o0aR+DuBsimYm3IH5P0OTe53UTjgAs1AB7ZwyZ58Rs4cTUvt2ElwRF\nbBscuGuOPCAwGqyEMapvqa5THj+9dvpPBv8YR0BxGXw05fpIuL3fS9ufGTuZ\nehnc\r\n=bPIn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGwXz9WbJdUKR+rjMh2mkAWKM0B4+zHtJ61h9xdfC5IAIhAIpLRJHLbVboZCUN/Yj8MvpM3c5LlHblRr1xVPmBFV8K"}]},"maintainers":[{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.11-531ae77628d27aaba63b0c7c29c56bbf7f1ffd85.0_1602006226545_0.7522922142188999"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.11-d57b1f57cfcdc32af00583887e65a9db36af39b6.0":{"name":"@unifyux/theme","version":"2.0.11-d57b1f57cfcdc32af00583887e65a9db36af39b6.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"d57b1f57cfcdc32af00583887e65a9db36af39b6","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.11-d57b1f57cfcdc32af00583887e65a9db36af39b6.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-R493hIhsGGaLfSZHcz2079kvnXUpy/9ehnWjl7uzqwnlinO6BKpNOFSu8lixz9pNhzhe1M5Y2nzbJoiZrJjG/g==","shasum":"5cd26be67f60f145196eb0108d82be1fc5350910","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.11-d57b1f57cfcdc32af00583887e65a9db36af39b6.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJffK9NCRA9TVsSAnZWagAAQ7wP/3ZBvcOiJr2PWfG3eRBG\nXfUp7jtPyYDKlKCT0kxH3XWG7FqrBksGV0h8zo7AvMBHZtuP+V8kh9e6vqot\nMftG7gLTsLrpbHwIr8Fw76+HoSbTpXXUHmWGhlTL+YnxteLffS4gv5abcYoZ\n+2NnmVC41OdjQsJqF+hZqidzp9i45Vf/CGznE0O0lHYtEuHD/CZzXIIFZAKP\nu55Y/EoH75/Do7Wa0PekEefTv+5ES0G1Uvarh7qJomYbKcDSo+fw/AOaep6E\neE0C6IidrlcvavB5i6n2LQ+2+RdE49dBww1ZcSHPuFOQ8685drQ1wcS3m7nk\nA2fwstJj7wzJX1/uRrnjIk4f9CHF44R1GS/kkTjNkSViigt2OuXeTvYpXB7b\nU3C72N2s5aeBPlHLSeN7PDq/J8Q5fTIf7wLF8Al0Qc2skJxHzZ8cS5TEXTaE\n0UZrIpkvhxmvpLb16OJ5003pCf4S0sLuUTIeJxgJOIuFkJvjFULLItq5r4IO\nUdL7QCeHDiofLoU4q99POo8uxixIgjb9pVb2jXeTzRQrum7/I0NgYMTH0spm\nw/TzcU6OMX8yOAE2QJE3OSaGcm8/VD5LsJuMbJmfN+b3bbCvDT+QZ81M0c9F\nW6IByOgIgE1NmGMT9t9k4dA2sDequOW+AwtBmPxA9atTZkSlcWmHxnlZ2p/m\nBdDI\r\n=pUt7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEVacZKo6cY9yyNeOf1ibEwO4j38dI8nsyu0qzDV+Mg6AiB8IqupN1IfRW7mODrgd+GLkjFAk7OetXWcsgZtXUGdtA=="}]},"maintainers":[{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.11-d57b1f57cfcdc32af00583887e65a9db36af39b6.0_1602006860627_0.8128577969256772"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.10":{"name":"@unifyux/theme","version":"2.0.10","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"5904360f785a638b253ed38a9d9cc5704022efa0","_id":"@unifyux/theme@2.0.10","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-3vBuK/1tePd1CbqaM+NYBUY6+QPSTyW0ZhXEDR+EPp/Cvxte9W0ghU5ZMSQz2sf1IjvdSptTjvG7GFkBoF7Q9Q==","shasum":"55a985cd8d3b6cf1d4bc4517d12d69d1de52080b","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.10.tgz","fileCount":11,"unpackedSize":15659,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJffLJrCRA9TVsSAnZWagAAH2kP/jy4Xkd8B3q8/reNRRxV\n+J9SeCTAEEXPs9hw32gOgedNih7ZTIqHB1PK2KL2f2L1VClL6TgYkUWzzWuN\n1fK/DN1jQMec/D9Omjrr+sYE4D/+HmQB8RXe1gsrSI4I90ZujVJYh9NHiQJq\nsXRs1AMJxR/xdRsQkKjSphdH/SiS+X15RUn7KddfTo8EGZw/LI9S5kHICPdt\ngRFBnosWKssNBHJSRwC1YhHcF99nA6ATvdIVfCe6HmScKFWJoUjJkLkFHPf3\n3YrPcCTTk426OqirH7esROE8wY3fDNrxaRR6bNWC7N97vKSllBLd4wNnexQ5\n6K96+wVtdAseCG2VBpNCR3VQlqRYOlCplWj8BEbeYJMMxl557gMv3Yo+RLuE\n4DCQbI7yPj4LO2wdB40fQDtnXYA8kCPyvdqwWL7Z6wh0z2TsW8Iw1vYjnw9C\n4Xv7Sr9iIVawyQqSaYr4OzciV3KKbPnDEAmp6fhE0bUvBk73SJgEsx7Quu1g\non/6cLllPOm/uCw6HZqjnat9OE2uxppOvsCOv+SLXbYQd2Ao4c9mBa2Bnk8z\nIFULOupcRMrXOJvZBupSxxzhoeNjbEcYJSrwH6YBhHQlstY4ZgJWtpob5fYG\naGE+NfTyS/kXWrm8kigr5qD7hiX4ZUPC0qO1k601kC7R1fyvcVec6U5VGrY+\nTKU/\r\n=kt2r\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC58jCc6qXSELLvxpgajGxTH/Uk8+27NEkxXHtrJTEy8AIgdD+R2PHCJ0qOlAmH9s3BWVH1Hob07LwR18ufb5G/Ngg="}]},"maintainers":[{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"}],"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.10_1602007659008_0.506310286754595"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.11-a7c2e4f5bcba296d1cc1fa4abf3edf6056e7998e.0":{"name":"@unifyux/theme","version":"2.0.11-a7c2e4f5bcba296d1cc1fa4abf3edf6056e7998e.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"a7c2e4f5bcba296d1cc1fa4abf3edf6056e7998e","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.11-a7c2e4f5bcba296d1cc1fa4abf3edf6056e7998e.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-evrYFm1Lp9WwCOVsAdNfb0alvD56sJrFGn2JK/XRxVT8TGYSNtsFq4r1NV74tjnQcFXHcphiCplDbPmw778wRA==","shasum":"61b1494ed8db5cef78a0bdc2c10da84fcafd2437","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.11-a7c2e4f5bcba296d1cc1fa4abf3edf6056e7998e.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyWHYCRA9TVsSAnZWagAArzwQAJAzhiLCAZeVrz7odkHU\na7uiTgmMPFgexQ7sRQCI5h30Nqj534aQzwOnbvDFlL8q0AsSQ8bvgtwUGOXc\nyj4XbroC3kWFFlv+5T8yNT8CqMbKtkZXsiDlPIU5hndUcmaoyVTNFtrW9agB\nmS9R3rH7SBzGh1VgqK0Tdxv4bOZy/GPYtGj/HNMuUmlmBlCJtnZG3Z8OSHsX\nOjILIeUd2Gq5MZGqfTCeBNHV+SxboM3lAhQFHJmhXI/lGoyJqGh0cXGbt19s\nnSjVYV1IwdO3WoB/aYG6pngjjfr4Snp9Y8zwa5O363+egCnCPHT9eNVTMIxU\ndp+PyVgXNipZ8jztoRgw34cwXetnuaJunSzGdmI6rmfaiSfnwvu8z63pJSpo\nt0SeWAX2Cw6SgkHHuEzhTaKVHmtt1TJi4A+PmnBq7u6l7cyw8zqUw3wb3Nbw\nGCFDQ9BsZ4fuBOu5Xq6zEFZR5yvQnfoV/LIuCf8mmAlIN+EwQoWeKUdHNGwP\nm/6qBS9U+ehQFPER4uyeLAcTGRl6kINkGHg42RP6//qCatj+9wFXfcz5+G7Q\nKgJuBlIBIm0oGwNMORwZiaD3B36FOxhA98NHoMUejBVpy1tuCV3SX06OU6TW\nqhfk8LuIymGuYvUgnr748+JT4q4KN/xtQH4suI9VXfOxtuZMRUu1CSCxtXI1\nMlSd\r\n=jjkg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHi53J8sk6y7+taff7xzp7rcMHwEPFZJQh3fI2ts/KIqAiEAvhLVSHDUp0OBmoUnDPa8JRowNrqlHpC8XmvnY1++/rM="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.11-a7c2e4f5bcba296d1cc1fa4abf3edf6056e7998e.0_1607033304328_0.9751812491049319"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.11-1a21e287ec35d4f493886393f12242223d25cf3f.0":{"name":"@unifyux/theme","version":"2.0.11-1a21e287ec35d4f493886393f12242223d25cf3f.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"1a21e287ec35d4f493886393f12242223d25cf3f","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.11-1a21e287ec35d4f493886393f12242223d25cf3f.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-8GoSZvaT+YW88cxfdVKtqRV1daqL81Bdu2d/ROlUw4Qkgzzxv81atwEM5NMNKMQDlSgH74RpeWu8PjmYxS03mw==","shasum":"970bd94a2e6c986f5b8f5ade88526b65135ccecd","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.11-1a21e287ec35d4f493886393f12242223d25cf3f.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyW7lCRA9TVsSAnZWagAAiaEQAJy2u3cDY24hhIQAg3Iq\nRC51IdEMrlMarhLh/YseHQJNpYLUTnQD1KtG5j8vPvMTn+9vxKewBtlXYGd+\nghUJNSrNdEwtmxVmwqiMBD4XVkejMPmQqIJVDv2MGKzj+bN+KBCZLxrLTNZK\nbCsLlTwph0p+58E1fmReIoFVrjKBSkSCS0VNfSSW3VJHevhWvoXWZ1FulkmI\nar/KVbvcP3VXSvBXKa5wS/DjMNLHdYVN9Mw2/jrZabhdlt7ZV2x7qqUXR5wT\n46p8OY9dSvyLNWU2q2eKj7XEvPDZSb3WXdHRppNtcpg99WTeqExgCETq8H/7\nIOy0OGW99w9MA1zlqN7WPk6+Ztk4rs6h+mm5WQp4yJ2GjPEUoEmTaFwlTw56\np2jazN0aedEl8w6dDBdic7CLUAg/u1+K8a2pAYN6TlLy2uHMvOcQ6mhKyAxm\nTZ7HghDnWIbFEzpmjTuZZ6LCYuzFLbgXU934IA1wp0lbC+5C9Q7iaUfyGNsn\nyC+wTwLA/8A4xX9Q71nCGLyUn7lI2+eONGl58qZXrrEZkZ4+4e7kAqjts4QD\ngVHjvfVsuVeI2g54o7QoBiRtI8VO1uvacrw2yxQV83XTJLGAk40gSt2Yh8bq\ng2NW55QTfsOeg24YD52wULPeEZQRO9BbZfN95dpc9GvgBaPrihBfiB/S74R9\nQFR2\r\n=YL0n\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHO9HjQmF6cpnghMtGjDd3sayHNrBX9W/O5mJXvBS6YyAiBKaqd6T56NR6whVT0/FyEx2C7lLjq9zFqQPAeoPa2WwA=="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.11-1a21e287ec35d4f493886393f12242223d25cf3f.0_1607036645352_0.8924668909861633"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.11-31257c73ff90a542225257fdb41c56dfa7556b1a.0":{"name":"@unifyux/theme","version":"2.0.11-31257c73ff90a542225257fdb41c56dfa7556b1a.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"31257c73ff90a542225257fdb41c56dfa7556b1a","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.11-31257c73ff90a542225257fdb41c56dfa7556b1a.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-OBCcReEZLXe9YRphQeS4No89CDgB5YRKpSp4IzlSAIcn3z8cXQdNeRve5ZBGOzU/Y/qdtj6hpeS5dh121PKNdw==","shasum":"03ef437febf5c70e4d46ee11364beef8b8cb2887","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.11-31257c73ff90a542225257fdb41c56dfa7556b1a.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyk2QCRA9TVsSAnZWagAADWkP/3dqttqkyiU4+JOGb1MH\nlgFVsuXr5K6JlqQ+gZ8r67LaZb19JywPl8S/vk6+/RLSFCc0tpARlFC2mOOd\nDEwTFS+O2nT3owJTanBpmkE6CHcfRqGcPFqqJzrPvkNV4oHkLg7Q8ndguJll\niaprnewAI4sWaux1xXDBsK7Ci7G1fQH+a4XMDbY/wSkzpvp4bzjnk3IoZjhT\n4xQLpqrl76+s6DWy94xI9v2vD4WomDcYKt5jrnplAqrjywZNHQX/Niw8mYhl\nrAq1No5uKeacS+k2McLKNziHxARaP2mUPdMYAJu8NTTnkP73vyKpfuzYo/7w\nqZJF9IoxOVRFk0sndH5F9jltvkaqjmQI1iKJSbF0qGPvA8mYP2Q5SVzn2hc9\nZxWM0H+Xd0Zmtbup/wdFDYOo+nqEbVmLa7pTesCT9Q/g3j5pOzpleN1IYy+Z\nCU+x7mhgHssyK1YjFzrG5Syxr+EF0wxv8gQJ3nPFT/RZEhjJUCB28qoPx6we\nI9LHUlc5U/4y2B5UGQJmsUJWlWXou0Nm0qPBrHBAJS9noRwwL1whmbA35FIf\n0GbE6GFLoXh8xC7lIdqILVjYmqIxoyuG2MplWBCQI/+hEO1wrweiVbUXOcsl\nVXi89XCLVrooKX91WFVnfXwT1Ynv4klKBvP0rDpEhpq4+N9I3kpDPvV2S9W9\nrXmQ\r\n=naRc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDlp7zist6LgHiyXnabSyjD24w7vf9SQqjK9j2Ox5EtGwIgK8tsvFTAQaHwrbs+XEYDqc3QRYZLybVGy0VnnwcUQ0A="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.11-31257c73ff90a542225257fdb41c56dfa7556b1a.0_1607093648249_0.16358237225720718"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.11-24c26accc62b2cc71f2ddc86251e34694e2f0fce.0":{"name":"@unifyux/theme","version":"2.0.11-24c26accc62b2cc71f2ddc86251e34694e2f0fce.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"24c26accc62b2cc71f2ddc86251e34694e2f0fce","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.11-24c26accc62b2cc71f2ddc86251e34694e2f0fce.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-8oDRsqYfzslkpLEP+e/9PTdzPnKnaMmu7u7Sc23yc34TyP5yZujFjiQ0ZMSPb3VUwleh1k9/xN4jL4Q8itl1Hg==","shasum":"00dc435cb42179fe28c167dca4d37a67d508292d","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.11-24c26accc62b2cc71f2ddc86251e34694e2f0fce.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfypnxCRA9TVsSAnZWagAAZtQP/1NCugmcaYeurjxSBau/\nBpdGK9m/6w7eHV+6SXpJNbg5GNOzapiCj0jt9KI+XqR0SQmCCYD01ZbBBsZj\nYPapXP6WnDoSCOpPQYQV1l583d12zJ4hWdw0OtpOLldAAkU9Rj5ZduewnFku\nT0rHSR+fTWKv/OF6hmYu1WsDOIwcvKfsCuL9gmtEicdoX9lfH3+ulZoAk5u/\nQr0DRBwTQMiEdBHYx4ovCzWRBk5i4s0EENGtsZttu1zHwN+xmjdYey+BZP3u\nc30EmhYlyjfu3AOAAvixlAPUzkCVVWT8S07O9TGG2mAbZAZpYWaZxuNbY/fI\nvXV2/tEPHNPp9SwT0cZMFvzQAUoG7jzVgts413T4OIekqLx6Nb+selp5UbdB\nPmsyrVtNJuhUhPRxNyYjM0zBw+B55u/s2jXbBvm03KVgDf9LiTKKt8gxUD7G\ngXXrq7T2Rdu78ZNOSP5baAWrCZiTIAd5Ia+Q7xGTbTQI0yeNd14Iv7x/8sCn\ny8WRfPEUO481VlrnGk9sykRgHV350uybTaD6cGKmwv3FmrCo/wcz4kJekfZL\nSwiLZy1/9w4DZihxWbsrqVae4UFlOxddVx8hv9+dViYhd9yzMJe/wSBw8w0Q\nLqg3OBSlAaPa/uFRULv8dR5RoWAjvWj61J2MbSV0NaYVVDDGgW6NGsH76yH8\nwRs9\r\n=fUSP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCUKQ7Y7C21cV3ycyPkKoZctEEC8hhDFMpZEu9JGg3LBQIgecBCihsk8uAoEXfdqSgZxLVzUmbiM2zu1jCQXKUsEv8="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.11-24c26accc62b2cc71f2ddc86251e34694e2f0fce.0_1607113200610_0.5851131392012565"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.12-205dc5e534a85a8a8caf02b6774997ba12e7f6fb.0":{"name":"@unifyux/theme","version":"2.0.12-205dc5e534a85a8a8caf02b6774997ba12e7f6fb.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"205dc5e534a85a8a8caf02b6774997ba12e7f6fb","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.12-205dc5e534a85a8a8caf02b6774997ba12e7f6fb.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-rop4qYu2DsCAzKWUiI6TUswROkMe8HtJ9Jx5BIw+e5SUevg9UqKZMEsxILDf3/6OagFztwwdMSFnomQ08lJq6g==","shasum":"47a9ebabefbc96bc6548d937d889cb8e53f24afd","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.12-205dc5e534a85a8a8caf02b6774997ba12e7f6fb.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfypoFCRA9TVsSAnZWagAAxh4P/Rn8FvcINCsdLulvlqqY\ninPSwcE/SaesmGbUNuQyRCqpDl2JEjFLCLKSGQ1dS6NPqFRutLEZzWC73JSJ\nO3sPLd8qswLmUjBWInNBgZUyzDGxDtMJhyxQYNCeIRith2gUkmmrsUvVhaC4\nxVbXoBjbMxledrusVCB7F9gFLzIk9I4GTiS7BiThG+rf/DQrChZXEpZcG9UG\nThhp4BkRYueSBKwqKjADqucCVybo0YdYeb7a9LMr7W+9SKJ7XmB6E3F7cqDA\nREgkZVLu9uw/j9KTqBiO7GnXeMhU7+BvEWVm52TsN/g+LhVRMp44jq1TTMZ6\nZmgRyAmXKWwqwlfLp8G6hGjWbwQbL7xQqcfQ9emzBh4geMcKIuthNRcjluCZ\nidkSSA4tIJj8O7eQ+u4zsjqe/1lmwQVteaxUVfLTNAF9rfwiq2z3fYhpEjUx\n58/3ndlM0CL9ZF7Jw7YhYIPE7kXXUqR6UT+LhaIdd7ohIf/ciriCn1sWdfNl\n68EbpSjaNliNAq7YGlXSsvq4mpQgLwG7XC8RwADTv0awp3X6ptOvKQmVyQ8l\nhh/ryzlO+rZNz6O11MOnsuJtqVI6hvWsrHxD9nKFR1EnB+o8GugpYbgMlopz\np7akRy1S2reW3DEUrQjgT/M9S+Z0vT/5VaAh5Kr2RA/9BfYUaa7Ie7v5OiAk\n2wKJ\r\n=aXfW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDRUWWm3bodVEtL+0BIPAOZyv8M3S9RKUGJEyqElsGSpwIhAOoNC7hrPTpCeDS7ARU9vI+r2x2gNW/+qGqJhWyLUrAl"}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.12-205dc5e534a85a8a8caf02b6774997ba12e7f6fb.0_1607113220955_0.32963308827121107"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.11":{"name":"@unifyux/theme","version":"2.0.11","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"7e31ee908aceaebb433890de0bd7cb3191be6365","_id":"@unifyux/theme@2.0.11","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-gLEOa9hvg9/59csi8WYWlLtD5lB8UIY2DfVCsFVgkhfMIneWMO+7hA143OkKvDR/66grocDiOKE2A3zuI3Fb/A==","shasum":"1822bc236986490984bf154dc2c83d601a076cf6","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.11.tgz","fileCount":11,"unpackedSize":15659,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyp+FCRA9TVsSAnZWagAAPxMP/1RxUxuYEuaV84lE/yZo\nE6xo4n1roqHd9qPOk2zMw+N9tinBPV+4Owab6mHlAJf7uVqV4aaGCuKOhD1p\nfoU4Llqw9oGxRTCu85a+WREOb38bK7vyDZjGH4/L7LVee2lsMYjmUMDseUWH\nIjcZNGPuYXVDIn7R11Ml8lzo7BVOOoaUjJ5I3dXedlP/mTjQwhbitz8i24UP\n2Li5iItUd5e2jZf99ghdDxlr3p3qUFO0Ify506vZOUyA7G+THg2JJfXjD98D\nwESW4dfaYvZkm23y3jl3ivHlCwXAQgPuXdWKV3AGLR5Vc3H9Xd5FDbs4sMID\nvEHHfgxkzZ79eV8tV/GyoFBuTM4WrltrTY4PNdf+FXG7yvnriAtt/jwAQe3P\nFzm5xFC+AGh6da/jRycr3TvjXAXyQ/fBK6q6jhxK9UYVTiWyIHaI2GE/Ic1w\nhVAqd1AQVHoGtYPRrYNunI7Ppl+JcEYvCnQ7SrVJPjGlQ7hKRONngEJZyYI7\nh3xTiaeZWy1aoJibc74nsK4CThHyVuQABuysJ1EQMvVtSOjxeMdWgFgSmDJE\ntVhA8iNdzlo2uLyKbfdqiroXx77sXMrxniB9ROyCU+CrSU5Q6sDlxGIQmex+\nHWJbMu9p1WdOMuseczfMFfCgiZDFzIgmGRm/o3ckYL5awmA6CCNLlqzNH7Ug\nx3uL\r\n=a7gc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCxrZ2YNeXOFbA66f52oJ0DI03W3l93yE+WpEd26nTYnwIhAJf3kmUn9JHKkmxoKbItziG4Epi2KJB6OUKLit4roG7N"}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.11_1607114629014_0.1611619602795027"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.12-5ff1bf807ee5feb34b436523f4d83bb95cf515fb.0":{"name":"@unifyux/theme","version":"2.0.12-5ff1bf807ee5feb34b436523f4d83bb95cf515fb.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"5ff1bf807ee5feb34b436523f4d83bb95cf515fb","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.12-5ff1bf807ee5feb34b436523f4d83bb95cf515fb.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-7n13cJeZJ3xN+0UvfaGg+2/VHxufzbvOvRvTs/FyINp2hctN7YABU+3jOTWnjIN/1a4EMtwdzs5XOtsFq519eA==","shasum":"c1839f109f90953bae7a10282805ea456682af05","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.12-5ff1bf807ee5feb34b436523f4d83bb95cf515fb.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyrNxCRA9TVsSAnZWagAAfwUP/1vyjXqFNyV2Yg5ARPlm\ngop+DnpscK8ROlp/BcRdN5wHylIrEHFTm1wE2ta7F1tTnJWitaW6es+PPi2J\nHqpUXFvFAeO+tdiwC+TElYE6EpMidtzmnXLjSOxJCKa10IVWQp6TV1DjRNlX\naSQBun6Q3KgQvOiP48PHrh3sasbTVRQOjoP9RYxsYNBfJePSpKOlRoul2Usm\n6CeM+tq0mMDdRTSz6OYzzH795VmSvoUEDL8JvR7tAfgA+QItjmhR3kg/pE4U\nC/eMHjGl4B1MhYO2DpvoyiMxDnSySz8qxdy7EOR2OxI/Mx2MhKtfT/DEy46Z\nd038GsmkC5RCN0X4+Bo+dIYcFuNGG/oPc1Pn36zuPZjpgJLGwkJvGyz8oIsE\nQfuTn8PdA0tEHPvNYrCkPm2HmYofYs8cLfRn4yYLE8AowMuf2j+loWugAaDq\nKNHbMFQfW/rJXNMjKwdzt2VBggHg56S9OkLmV4zJ3EnmFggMN5nwFvlwaBvB\nD3AuzeOwFnZdvu1ECBLmgiHbT97vRCf+sUfYKj1rh1XyGHTWO8mudOLzqqDy\nZxeos/0ZBer9/7YElx2dPunPx+AKL5NPcJ21S2O0NEscUzBsbos4dJ3NELTK\nPQc/9heRiD84pdPqwfT5nHNvudZe0qPRplKNeJQuPTlnHXj9hQCv69RqvKQ6\nIErW\r\n=2Xhb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCLWtbM/8J4x1oO7nsamtwHYsZ30vCUrtmu58ydpDgS/AIgSkPOEr18NFg4f2+UFVIMYU77eT2WCxUUXy3S9Cry4sQ="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.12-5ff1bf807ee5feb34b436523f4d83bb95cf515fb.0_1607119729250_0.24301941421998907"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.11-441e506f4dc45291234d227cee518aef347863ed.0":{"name":"@unifyux/theme","version":"2.0.11-441e506f4dc45291234d227cee518aef347863ed.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"441e506f4dc45291234d227cee518aef347863ed","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.11-441e506f4dc45291234d227cee518aef347863ed.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-oWNQqlSV54xs4PbfFbcab/JWnh6Xf5Zg0f8RpDX+FqQ6oGspr5ijHYzS2GSS3fSvTZnekiSL/cTRFo2HTV07jw==","shasum":"78205676404cd649bba232304b3335f0eb3a8689","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.11-441e506f4dc45291234d227cee518aef347863ed.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAKZ3CRA9TVsSAnZWagAAl6kP/Ri0tcmucLZdwkmYa/a+\nKf1My1erQAoZGkEb/MF17ZkR25QSksWZ+kqbBNxP2ghoFDmZKgjnIThtdqk5\ntSKLRcNhLrBAMsGAC5b+bNJMpLxHyhY3X9kSbJigqqTJ0LozlKQQupUpf6ZQ\nqZBYbC17u2bUpqu7u3YwC06oMKZj2CdF/ci1W++3krD+hVzNhwdTGoUY9Oih\ncReuqvuBbBxpo9okeGkI5NN54BeCuGT4nNZRQkmb8bbqPkNe7tZ0qmhRVVv7\nA884Ke1x1agOZMKSCwApx0z0vX/eea8h3Rqwqi9U0/+YtgUedoA3kZ8bRmbs\nnqTFbVvB8BafNR5C/zCpG7Dik67lU9o03VeqH/0867m4qzP34Z6dMY4xwobp\nKAzg2M/bUDMuPGEkgFMiWXTcAC38vsqmLP985V6HFyTTFWmu7pUuDxFIbOaw\nQ10mmDz4R8EVfVmRtJfEaADSxnpIjcvjgs8JO8l+bRRP3B2NGZTGNQAODLQD\nQcbKeJCcyfs2vFqwvie9g0Qj4yS16II5IBLdonP2MxjvAb0og8hhsqg0eyQ1\n/P1FDTlJPA1rUkpJdqYlW6QZsSuED08BPA78Uk/fvoILdGytu+iyrSYSxilX\nfC6L+4WUTuBUu3KPAfBsYSVWGdVzwW/GnQtNZXDJKa+ol10qol84FpD23TSy\nCWuZ\r\n=mMkI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDPhwZFW++iGnr17CDwApoTqb76kicpGMSjkqld5sekpgIgAI1HczC0DJdNHh8iANxjAHJdnT8ElEZd1sb+klsiaPk="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.11-441e506f4dc45291234d227cee518aef347863ed.0_1610655350961_0.42524666903749964"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.12-77755403b1039bcec886d58e9004ccabf6b611fe.0":{"name":"@unifyux/theme","version":"2.0.12-77755403b1039bcec886d58e9004ccabf6b611fe.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"77755403b1039bcec886d58e9004ccabf6b611fe","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.12-77755403b1039bcec886d58e9004ccabf6b611fe.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-TXmzRzm+hExhP52N9Qmn9AifKD+KABM6nfqBcbiMmkvQe+RRRf1wgPhaolj4Ue/8NAc28TiDuNnhseiN9iOPYg==","shasum":"016adf547dffddd72f26beac751ea20ad8366595","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.12-77755403b1039bcec886d58e9004ccabf6b611fe.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAKsQCRA9TVsSAnZWagAA3EkP/2AgnEugBn0RQyq9P7Wq\nKodRYnTEFEPsLj2grxAOcMkbTEK9m52PojZBwM8pfxZCdeo3u4TyS74ZGD65\nnDzWIu37kvjzS2Dk/ehFPTxdxiWFHwbMIKPVGQqHEfRK5Tu+ckiv2U3CZtSN\nRDZJK0oqZ+61nrzQc4nQwukNAEthfaiwu5T3mnu9+FZGpNq3zFUck6hpc2R0\nP9WTOmJZnsY6OuRNA/yKy9iNYkTEdJwsDA/vZMbe8E6gyV4U0f2VztkDogx9\nWV6u2x4Z8vXOqpoP6rsAlCY3TxOE5M5HSgiJw2qIrhFjti/IrPPOJ9noQM4t\ngxM03CAEt80utsVAcG+7N8QQf1gD/u9KOdBJSVRWOQUDmrfJi5OoF2XvYjOP\npP+RdCkRYCjddNzhWCc2HcZy6P6S5bivb7++3awLCcA3kjS6LIx38bDvu+Qj\nCja3QFYa7NrslKO41xaEkBFuHWjRxSVbeaUKfxEGQq2/IoRrp7w3ZaRu40ZU\nyNFoEzAzOUZfihkI4W0TBdo39MkK/eP9biEjFBujPUXqFuNEmeH1SJSaHCwd\n3TYjkhWCVPZDANE/peMI5/qLZcJ6V6l53qVrcTq8VVRNkRwBl3GEexgQN2JF\nzcJo/iTDt9M0O0FWL4eiQ4gb0fG5juaCyfdi/nDAgpBIfy5kAcRVRv1BbdCW\npc4Q\r\n=RP4K\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID3uVk+qX8muqcp5BpCE5Mw6Kpj4syyLTuKPJ67d+NySAiAJTACCRPN8jU9axxnEkyVcUddvy+yn8ExARbWjVAbjmg=="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.12-77755403b1039bcec886d58e9004ccabf6b611fe.0_1610656527786_0.04244318148225501"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.13-1590f26c988179a1c294ab11e56ff0e30a28f3c2.0":{"name":"@unifyux/theme","version":"2.0.13-1590f26c988179a1c294ab11e56ff0e30a28f3c2.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"1590f26c988179a1c294ab11e56ff0e30a28f3c2","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.13-1590f26c988179a1c294ab11e56ff0e30a28f3c2.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-Oagt0BGjvq4tLLnpxcvJ0ktO7G8Hf6ahrT2lfaWhb6ps149eocwN/LFJpkEWsVKzBo+CvGL5eztSUwImo10Hjg==","shasum":"7004fdd4f2470d1f40ae995c387bfc81b7aead53","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.13-1590f26c988179a1c294ab11e56ff0e30a28f3c2.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAKswCRA9TVsSAnZWagAAIjAP/jQPSk4CkYOmCPK/qAVf\nRdRrx+H+eOU70sLwjqbf58OUePuQFa0sA/8g2lCkKTxVjx83pB32TRuPE11O\nDZmyYlk9ge0+U4lBLTIPGySIp3jtSh91ajz65Gp7tSPMTuT8loNQNnzjZJSt\nhCz1tiQnPa13s00w7WzQFhdxrZ9tcz968Sd6grXVDwq/M9PcI583cS3h9b3M\niumW9zJvjgeYB8kmq61cEZ8DxQYK+FculDxGtOWGpQPY01z8Bb2n+5SqLVNp\nYcs8zLfAeFss23fwbyPQ/syjgJs3SuLYyBZwbbLOTd4rg86Os5HjFjiOu/GO\nmBbjFXp2ljOxOv2v9g2HJMwqJB5aHO6J8jyY+EVz3Xw7RLGClbTN9+2Ec5zC\nR2HBYXcXCalIWTAyxzAPNkQwP/V68caH+crjyeMIx8qtKWSbdt/tYu+YDJlP\nAaLReTjcneLhY0JZcidHJ3EaePIXhav2KqZ3ZA9hu06mqmwnJq1bmUjpcJH2\nnIpI1E4tsBvLXsaBOs0H+j7tpZegBsCkMkspeHB+TJ4Ev+uy2h50b3HlsP3j\n6nkAtehGFSUpKeB2dZ2HXiCwuRAwI8aP4eC4Zr90sya3GGZpwBq7edSQqyCM\n1psv9NGyet47Je5Qxasa2csx+75OE1KYqCdxS+k0ZXVN075DqEf4u8CVIvIT\nFpmS\r\n=Jr5q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE0AJotpr3F3+IdSMj4zonaSvJb7ISmRl2bNmXOh5bGzAiBviB8kFZLoJAaG8O/c0O2T/NBwGbA35d6atEnrJHswpg=="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.13-1590f26c988179a1c294ab11e56ff0e30a28f3c2.0_1610656560364_0.06289591494602775"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.12":{"name":"@unifyux/theme","version":"2.0.12","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"574a852cb28ed67ec3bd1d70d8708a0dfec2e12c","_id":"@unifyux/theme@2.0.12","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-VG2tQOj+2pOcWxH6c7c6bHLtebumYal7LePGyKb4OksN5LgDBYc2zokj8QQ7BoS/iw/EUe8U5ZVVK4lRE78sBw==","shasum":"079949ae04786e14b05b32fc0d5abfed27983eca","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.12.tgz","fileCount":11,"unpackedSize":15659,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgALERCRA9TVsSAnZWagAAIw0P/0uqJLtWBwO7A0g5FWqI\nEIuIwsDgwZxYM5K2dqlnUj2L4rKy1O/xkiCwnrCpnUohk43Cw/VE5g1cPt7B\nHtBwFzKFdh+fX4ZG0WtI6FWKqpuAGq7LhMLRelvbzmtJ/gf3isrK0r7tcvxK\nDDLAtuM9UWzzFtDfzmeEo+1pMNUJmuRm7yioPLuTub9e/yX1cLIxq7jCkRoU\nBtgcnB7OcU699QJ0q+4MzvxTp2nJXtB+oL2BY5r855F0MbDgTRM7MaQ98g46\n9H34czSriy1NSEQZ1JL4ndWYCGMe43KYjc5fvMiddcBUngOxoEO3iGjD4DCX\n/x3+NnhhDSrUtfLl97sZiYYspshctW6ALdD8SD2TFZGAQAHFVAmv/ISfs1wY\nZBPKYwKpU4sLcp4W9+7b74q9Q1CldZZD/vKZjLbpLq2o/iZE+uLHQ7MrEwei\n9gnZvxZscwcIlsWepo9Y5B1614CAw9IbPupMLuuueKMzt3eLEqxVzKTfPHoI\nq6jt2GyP5x553wvsLPxMpCOFQMnwkCdnqSvv84cB6ajAuzGJ/Z/yOAOU5OQX\nZ8j5jdGOKVfP4jxpzua9AqV67IIiGB3uHcwS5ptp2nIdd43I7T0QOFSWjG+u\nWukWMaaludJo/5dmGb81tl3sHQP9vpdWSPS/eJHJJugwIsCQ28B0SG9pTBLC\n9UKS\r\n=/3tZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD+M3D9sOrE21lJmxENXHXfY+N0bOg3jBM9rinOFwz4WAIhANH6Q0i4pwEuxFVvtn7s4hkAX9QQ6uh5v7zqIOc37RCG"}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.12_1610658064836_0.9304678381545906"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.13-2e5133f57cc52853a0256cd1ddf10376c2b71265.0":{"name":"@unifyux/theme","version":"2.0.13-2e5133f57cc52853a0256cd1ddf10376c2b71265.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"2e5133f57cc52853a0256cd1ddf10376c2b71265","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.13-2e5133f57cc52853a0256cd1ddf10376c2b71265.0","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-/nr9YkfgodfgsT6EqxLH5TPwggJ1MBVHzTGazM+WbQJIvbyfcFElIbT4fLDRpOs3R5UjhOix3krS2ZbfThw5YQ==","shasum":"2781d18759cc710b3e10eae86525bdf0ac820a7f","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.13-2e5133f57cc52853a0256cd1ddf10376c2b71265.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgALtkCRA9TVsSAnZWagAA1oMP+wXjlE5uNvLqNOkkKxmL\nLJJqqRLjyEow8T/EIUPlJZWxQ9xBoYlYazx1Vg4Zk/d5PTz9o3Y+9oQcr7mc\nGSpJuym9r9C8OpPIQ6lMH6R5lNEkLUP6BAiCNhLmQaRzK9wMPBQKqNwPC87v\nICWaTgoeFAIZGb/c9Gqt7Tq3VsTkjL8dSwczc/arBEc6RzUw7F8mxaxSNyV6\nHP+XBs6+QpXrdgkdmaCIhZfzX2MhEK65Q89/O2+Y7z8SaAG0y1IccMaqwohn\nKSgeal5LZTcIxjVMDPL8uPJ2f3FKvDC6X/zMAfJ+WU8FDWJQh1pbrk8bqjSb\nvg2kyPsFXYVIJST8SJpfYXRZyrL5FQ3WvUVdYP3rVM+TyQWeQ51xyXZgK6lA\nIZQhinro5jrMyLvRsuoGiZNpQHWall/AnMfPQl1wWvfugHfHDdnajnjpbUJe\nRYDbOYfKEA/NAaExogb3bwQwe+t9UxNdBEuZ0f08hxei9YY6VQIp+QS2gAw3\nqMX+bX1vnmiAyB8NgoHIb/gXWInfaGPFPBse6XB2YdKyYwzM3WYpT52BlwS1\n+8hv7XruZbM/K+SRlFKrkuMHUbbObJ5doWlh539zlwT8x9Mfx6APfvhS5IEK\ngy0ddsTJG4a6MmwUuTfq/9NwReirwtNJ/xLtCUpbKKv7DaD2UFCiP0avbZFB\npPrO\r\n=TARq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDMxQcdvawNPFPweISa+o5iZxQIjDbJb4TFDzAs1LwFqwIgATYyyux8UH/u+HRxUdpqkBWqcLZB+euW69AC8sUk2ss="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.13-2e5133f57cc52853a0256cd1ddf10376c2b71265.0_1610660707934_0.6269239269569751"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.13-02c4343681a8e9cc9e98d94171d826a9fb55edef.0":{"name":"@unifyux/theme","version":"2.0.13-02c4343681a8e9cc9e98d94171d826a9fb55edef.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"02c4343681a8e9cc9e98d94171d826a9fb55edef","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.13-02c4343681a8e9cc9e98d94171d826a9fb55edef.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-/jLNwv9Zrzc+8UXZqreUYa95j5w7Of69zZuHW7OuZv6SV87QSVGpR3ZqWMn+EYU6R9eIMOKIsmg2NDcgm46RrA==","shasum":"8dd4586a26c7c0bc08ae094b24a9815f46c58b51","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.13-02c4343681a8e9cc9e98d94171d826a9fb55edef.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgjH01CRA9TVsSAnZWagAA0PgP/3zLEQz36bl78JKCUqRY\nkIFqCwPR/NWCDIdWSarFGmJ5S5wXmT/YKWUmRBhZxrLo3HRNI1qSnj0oYeHU\np2sc/jwaAJ2cjTu0uE41LEssi7r0YdEsZtGg//yWOmaIfZGLzFC1iwUiWYTY\nhBW1Nt9og46fwQmEv+IGBzxUeHD2bclcqw7+OLoMn4JREcYc+x0Eb8WdxGvb\nj1EiMiGJUNIcoCnOrIRnlCKUo4AZLq57EH3QYqv8h+lyUWsmaDsjIh3zPr6W\nLoF52dKb0eVkpqDNqmqHaYmmzQ1FyBDtuDH1JM2fwpnZfNjF1Cs+pKI5kuOb\nSvmYMXedm8+Tp50w8K4Pks7YUCDVQWOuMVUrfnCKF+8cQcDIOnILdtJFXDG+\nzdpLWQluE9rmHBcXA6FvxavGqqVZ4sK6+2ByvhSXLRuAR+jIcD2A0NHQpicq\nW+jwmJidvGi8zgW79MsBI6SY6ccNEuExkLWJowS4jKfDdfrJKA5qx2r/Xvvk\n33yJ5+EHEJlsC0xxD4HlB4NTLM8Fhb1TddyXcu97F6GyW1xaFuvq/0TR/vRw\nxS6/PT963kcmSH1Wv40Rc5g9RcKKgQFWV8JIYXjg/Yl/Xfl7w+vFSQwDDF1k\nRhT6joGXDiqs58rAmYrGNdYpYB2xKjZoiHFXINFHpIu04B5Za/GKUkIg5dEy\nInyP\r\n=1I9N\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDP755dLHmSR7r5K9pF68EVXcq9cFyLepDvQLZQ0+bVRAiB0fLTz0qKfOZqP1JHzmLHjXeIW7Jby8YW09Xr7AeVr7Q=="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.13-02c4343681a8e9cc9e98d94171d826a9fb55edef.0_1619819829093_0.013784284690214754"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.13-daed1f2fab20e757166b1c62d28d6cc144eaa970.0":{"name":"@unifyux/theme","version":"2.0.13-daed1f2fab20e757166b1c62d28d6cc144eaa970.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"daed1f2fab20e757166b1c62d28d6cc144eaa970","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.13-daed1f2fab20e757166b1c62d28d6cc144eaa970.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-bD5DubQRQiQ9kTijOyt7sw8KQK0/+lY+NKL8WRIcBVH2vSUGfAbBZYOeHV3WI+GWdxrBbNUUnvRfr6lae9mnJw==","shasum":"e556bcd09f91d057b66516abfc26c176a0b94f68","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.13-daed1f2fab20e757166b1c62d28d6cc144eaa970.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmUn8CRA9TVsSAnZWagAAveMQAIfOSO/COHWamAyL1sW6\nzpQtUmYnvSyY2Y+rOx8PVBxb7wOHMIQKXGWiAa+FopnK+B+FXPdLK51us7kZ\nxp5UW+gS2U9HTEb3GGC0uSfa47msakLeuQmU2wUmqyWzWvUkbfh+EF2WcsE+\ngpq4yN2fyEdDorf4OI9QD9SDvLbsTv0SnB85jWGFQxwHUJCJyRgTxDHFOrhr\n1bMGx1KzmzbtsWAJnVr5MqhCVWVCDABg2Hgdojn6ApJwC9pNQT3aojXKYUz2\ny0QOGPgwriceKB5QG5/nAGczapz/Zu6mA4NtzJpg0TuFZ2wSGjIdqEIp3eAg\nTZskJl3FoG6hkH/DtpBoi3pG6ZcfPnaQcy1X2RccNC8wmHmMYXmeRNnNXG0X\n0uns3YGlI8NBE8k+vj/n4Cc8wMBC1abA9o1yR5LXZwcyOLSVBXp5TMOLWb9S\n5MQFiezCK/esNHIqMMEQqR48hxjWeTYNI6vOJMia+626FXL18fl/mHS7Djwh\nLhohi1bFWhMGN8a3lPDSOTMyLAZt9lstGn1hT4J8CgweETqrqGiOxXEfAjD2\nIuaM/97yWXqUsQXHaE9aXuEfVm1H42u97vng95+JU7ZL0MM6zIZL4uH3YLkb\nVvMMTHIDHXO0e+K45WLkOSjNbfpatZPmCICcqIE9rfm9Z+x3DNsL60zcnFbI\noIJK\r\n=PVzA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCN2ZUFYGD+cRY77hSw16lntiVhvkSD6r5HM1dbzi8HCQIgDppiBVzfdtBZLFU4CCSD8mdvSkAoyhmhQwmrMOYrqX0="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.13-daed1f2fab20e757166b1c62d28d6cc144eaa970.0_1620658683804_0.4518725715325529"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.14-e4999b903a1c409d16777c498b413849b8c64499.0":{"name":"@unifyux/theme","version":"2.0.14-e4999b903a1c409d16777c498b413849b8c64499.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"e4999b903a1c409d16777c498b413849b8c64499","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.14-e4999b903a1c409d16777c498b413849b8c64499.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-ZVhkV0+9mlBbOLi2GcA2Cuqw4qf9ELxlPMW3YQS8/BheZnOEgr95OnrDp2HBt9CBQSaI2q1r6TM0bpTCkxaN1g==","shasum":"7b1fa3c4538bb8654dd54a889a8eb4e531164348","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.14-e4999b903a1c409d16777c498b413849b8c64499.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmU2eCRA9TVsSAnZWagAARXYP/1c6HephEG1q0LL9rVUr\nS6jtyqc1NTX48wpfSHp+IMaRvdBNlkUmEORglDj7M4fl1/4zIZN5MH6+lRs2\nrOwZmI0txi22iIRsO4Sa7pZsHRNcIX1ZB6bnKTKXWjbE0hFOsEKEiQ7LL9O0\ne3IKpmREoFdaLaPEgbMlsUsqQVl2tGifKfBWB2Qt+PHOP13wd8+F+eJWFdpq\nO1sEDSAgyCD7eBgr6nGbis0VN6GYXE1eQqmacl8VJfSJsaeSUvbUygSwQpfy\nTWVBiiUopnzql16iDCmgEfDD0Rl/XjD/788sBXbt4A01GekFtOFdiVi64rA1\nEXwA9fEKpE1L6aVoijoyHCx6OlGtflxthb59evA+qV3PFuqxjN5mZUu55Qzj\nBp77EVCzHnIKi0877Qc7ZWuI0d9KtFLkIOVrClPFRqKH+0KO6y01Bwi9br8O\npLPaKmZoMBPoeWksnZs5lu4eQfK4KhMu3McwJR/QWq9EtfREl/epJnN5AZcQ\nwZnqaiImG7WFLCC6YZwOH91RLIzdjFQCncaS6pDbkJcf6wlzaJVpr8Xnrzsc\nmpNJqevDZsnIi9uJL4pCWt/2JzBqqvJp+2X+1mPD5O+fUTS8n14mN+LFng+z\nf+xgebIukpzlvtfVqcapOpTxn/80Qr5VLnJmuAG9lxHMPrLMEMDWjMBfTkRs\nfBSp\r\n=dsCL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFkKCkqbC2kGEvwmUi7xpmPo1/uCnXTxQetH8YvmF44fAiEA5a27DbjsoDmb2lnxBB/FSf4G1fAORZ5cQMLZSIzZcpY="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.14-e4999b903a1c409d16777c498b413849b8c64499.0_1620659614479_0.43991940055468204"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.13":{"name":"@unifyux/theme","version":"2.0.13","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"48fb536d5e00f71df16027aaa13ede3f095a9b86","_id":"@unifyux/theme@2.0.13","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-VViPHuPqsAaXEruEYevNvR0y0vKWWlszPOtgOty57hGV3lvVYsQ8Tbx8hy5wmU8VH9ECtqG2F7sU4QE/T7MM4g==","shasum":"04a646a9723fa522cc785c40e0f0e57e0ab2bb18","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.13.tgz","fileCount":11,"unpackedSize":15659,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmVKDCRA9TVsSAnZWagAA/+EP/RR8Mn4EQppJb1bhjn8D\n69Gczi0b26DPouwh8ahio45eSQOtXS81gAFASeLJGKQOaO4qsq8AZgkvzAJ4\nRXKvf5/k6DJa3olhJEcXx2Amjz5KoFyFXRMrliXyt6nMAGTHEQBnm+5lWY38\nNEG6m+TkbHOB4FcbPrOGnsQwk+IYqyUtSJ5T9AQBNrqDGGcSmhkjslIXhHpv\nF3P4jFvPx/9RgGhAS1VpHSmbLL3z46eXiWMbrAHkCBHw8omBotjzh73Vi9Z9\nZS8bdOJ0MpksicmoyAZP7n0ERH8fvday3uotkmiXcLBD7CLYvwMRQ88RSDdZ\nkrHPhodZadx8DjlFb/b+9mW2VpVCjb6hrdGJUDZJcJBERGXMJQvXDngm7QSd\nEYD8OVvgMS5yxO0/0jnHgH/N3ljcoW6AgbgQccHzxnQ7Iz3qAKF5t9Muybc+\nlJFFlqnkpjXNN4Plv2vMg/ACbAZrdtVWNjOf5cRU6C3BVkcNcTRywRw95KQD\nb6ePkW91a0xbKWYpYx8PQ6iTa8ZLbvbPJF5HxLuPW/LSYhcVThA6kHweB8BC\ntsSc3swtysVMn7YBV7bIpjJS0sGExs93JeoagteAbuF3Z+Z+6gAVA3D90Rts\ntAmF0E+hkgeXJARNVDs9n8xsl8nVDT+q+FVZZd4p4Jj5tIb26sTSlSpyoQ9x\nBFSs\r\n=uMeY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCOtar9xObidv59TG3LUZuQjMPhM3NaQ/Q/GbAHJdJ/GQIgLa5WCkqvG3HLRCJJb+nEabvqzrjD6d+CzIUqyViu/6g="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.13_1620660867140_0.5843394520436502"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.14-2bb82a29965af1e8f9160ad62bf41c9e7ce1bbda.0":{"name":"@unifyux/theme","version":"2.0.14-2bb82a29965af1e8f9160ad62bf41c9e7ce1bbda.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"2bb82a29965af1e8f9160ad62bf41c9e7ce1bbda","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.14-2bb82a29965af1e8f9160ad62bf41c9e7ce1bbda.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-pUN6bXEX7L6BtknrFlko2crC3xCEG59Z6XO+0+dGMjofK+tgbJ9Us4JP15Ar7Sc6HQoQ2jN6dwMclaBoL5dNRg==","shasum":"0665944ad798e7174c6f990912f58318b7901743","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.14-2bb82a29965af1e8f9160ad62bf41c9e7ce1bbda.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmVXyCRA9TVsSAnZWagAAeVQP+wduHupVrL5SEemsEO1u\ntjYlBzIXHWV/rVbfn4U8hbrWJJKrh7zCbcFw817WjVaKvUgoWWp6YnHgG6WQ\nrv0UqEubBzq7Dw+r9Z3AEvV65DTFqwzKvv+/NE/Em3kkTSTO82se4D5E3uYF\neRpBODK7ysq+c1zeggWBauTufhS2TH30DN4rjt+pv0rfW/XWqgXtf0cKZoSf\nY+Pzx6yQKj+/wEyvfWuc2R71K+A36lIhjY6udc1B+SKZbvnA06IsiEorlcFx\nMa477LFzMtnvsqg99QHKFtBiujZ1CKiCYnUnr1TjX6B+anuXKqG2hev8qErd\nJoLVz0F5AUYKReu5RZ1leSXYZZvFpXQ/J7Hhb1yyRkVPAZYMc2mdn/kNwu1U\n6swfDtC8H+Fx2GVPUvxbCHUguY1xmKKBv2JnbAGy6yxL9LnkEPT7pH4/46cq\nuOxhf2tnkaV0WtgpzVEjIX0foM/qTFZN4RTPku6zpUoZpDjNVkyJ7qD7BMKi\nzuzI0NzEzXCSkNYg4u1M781m/3qQcerDYpHlZ5fIEvut11xt/7HwHvOF3czq\nPHa95GMyGbHRqrL5qDvWrcrFMg9OwZ6HsNSxJmfHYwD/iandmCesLbHjb1UF\nNoHI2AqPZUDvLh/wF+ssNIgN+V1v3Pebu1Am6qrQFcbtfkSOtxkvzCvxPF2S\n647a\r\n=KAmz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHaGbP8ljjXQm6XPXvBDUP1CD+Y/Oiv/GVI37CK4nBPqAiBUcenko3vMpx6OJFTcV1b0rkoODs7cHS1NnJ4FZARL4g=="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.14-2bb82a29965af1e8f9160ad62bf41c9e7ce1bbda.0_1620661745634_0.3564551351272538"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.14-f68faba36fe2c64908165607a04d2c227ac7e4da.0":{"name":"@unifyux/theme","version":"2.0.14-f68faba36fe2c64908165607a04d2c227ac7e4da.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"f68faba36fe2c64908165607a04d2c227ac7e4da","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.14-f68faba36fe2c64908165607a04d2c227ac7e4da.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-FscF5qIksmoyABAvxS/uCDU1Dv2CN3D5qnBfvlOq5ezPko4H5uLg3dEiMAbQtBfJtLoBkVU2YGxH/4H3jjAOPQ==","shasum":"edda943ae99c73ec29496c468f9074f030bd2a7f","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.14-f68faba36fe2c64908165607a04d2c227ac7e4da.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgp8WHCRA9TVsSAnZWagAAG3AQAJm+odET21jdVAd/xo0E\n6B3AYB4moGmmK4iQcoTwo+UefFSeyv22ROK3oj41mGSP328A1be8cYvxNIUi\nuj1wQOyZnJKAW3lVtQSj992W/zwNYSc8VbXO5Ix3iBTCHswlAHlLudfurSSH\nvtqxHNh6ChzWf0a5QQoHySo9+w7baAxXd2PDXNtET+7FWVCuFc5mOtFN+X2D\nwD+R4gAIl1w90zVkYRBShgq8DljdSuxv+Lvjf+qvcTU13+g8JQD3e314BckR\nQBgVwkHw3bB7maOOsTnKMcvMSIb18EvSC3GkSbND2n/jEn8PIwuftJBAU0CM\nBMushDTMZdtMWeeu/Atf+6TFkBU0aQTukvcXMvFkwYex/Jyr3fx0mucF7mN1\nTzRKV3Ki3WnP7j1VgtLmTlnRFI/tprcdQkDva499TX+gBM8htDZjlJBYBU/D\nd1D0SBpzaK5c0/ko8IoZQgkcu3L2J/HypvAWXuFa1/51E4M7Rt0O+23BNDBM\n7xA0GCdNcxhpm1i9v0+HmztkddoXbisyQKSh+VW8AUl5uc3Cd5A4UZNebS4c\nlxVH5tbhNiLPbj/iJh1sSIRiaejgluXsIzOr/ms7X9712kVM2xjVVeM5+Vne\nGW8Wr/ez79yd0TKycmuMLzuYeoFl/iyUxzzY5eFKp5HT6jmfCAezYmG/VXQa\n0TM+\r\n=lYpp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFjyHdr7SGko3/E6oDaJ4ml1VZHWVGYSfogd+7r7FXiWAiEA/ZPD9iqWlHZ5AbO6UTWO1vKVbEPlUSMrMRBoNl7MnYs="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.14-f68faba36fe2c64908165607a04d2c227ac7e4da.0_1621607814751_0.46291394091372395"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.14-75825932d96af182fc25751705a044487d945f9d.0":{"name":"@unifyux/theme","version":"2.0.14-75825932d96af182fc25751705a044487d945f9d.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"75825932d96af182fc25751705a044487d945f9d","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.14-75825932d96af182fc25751705a044487d945f9d.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-AyLr44vYx1STIR2d/2D3FOUtoakXus9f1MA78DGsIeRteVv+L9kxJh9C6aODKCLudnJ3CsIrzGuvjzfdgv/+Ng==","shasum":"d7a082c1dec03f52e9686eaeafb7033246d8ecc9","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.14-75825932d96af182fc25751705a044487d945f9d.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2ULnCRA9TVsSAnZWagAALEIQAKSm2COgM0nwT7S2sprH\nYbVckLEq/cwmafNtRl3mLU7fQj7X5bSPAfmRgPbku97LJoLMKhgn6tro2ux9\nKvocH/ZWz9hKcrXk0N80OjjxxEL/CA8pnOkspmUDbWNYu6lNhLmG0f7LMbBW\nXtAuKjYVP/AEO0MpPRTUmSxVgGrpOru7gIhON4FS7tzJpXj1ODBKEzbnjWBT\nXYC3J3TBclQjboFON8yn2pQ+ezWr0qN2dfw0A38pUJjJ0ePA6Fy8uaXgkRC9\n7Odg3SStbOiQhCY8xKGbPUgnvT70/ISUBxr/3lBWJ+2fl7Gr5DxQG8/ksX3m\nRamHiT+tUKuoYVT3Q+WDhTX3c7JGikP5RtpZ3s8WldW7WEVINlj7WkoGc6pF\nmjh03+B77igaR2Ae29AItb28Nc3ZAq2i+H2zHP0eijMDJHS6jn5uQ5aOZ383\ndUeSmcRbsw9oRhzcqDXnPST3gLTpqNLGug9bDQRg8TqYjszdxg5sCZSWbMmN\ngHITMJNbEGc61c3Se4liQ1vTFUEtvpQIIZSac6pyLr2IuF7NppDzWdX2Cguh\nf9Nz27KRI1eP9zZovWM0COgRwIADRm6V9RxhXoR51uAGQUfdg+4k/8zoF0aR\nn92Gllnano0gT2IvFrNGabFiv24GUyAuP5ihPDj0VrpoMEiHLp3fc2oo95cF\n1np5\r\n=JRpW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC2Z/n+tJEYRzqXIvS8rfX/j2NLGgwkdyQdIc4/260FlAiBYWl4NPZRA8iMnqjRXoVSZTnScTs4MiX0Tl0NYTtlWuQ=="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.14-75825932d96af182fc25751705a044487d945f9d.0_1624851174898_0.295269436382259"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.14-96beca7fcd10c0448271c34589a09d1c36aa5877.0":{"name":"@unifyux/theme","version":"2.0.14-96beca7fcd10c0448271c34589a09d1c36aa5877.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"96beca7fcd10c0448271c34589a09d1c36aa5877","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.14-96beca7fcd10c0448271c34589a09d1c36aa5877.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-nGDvUhEZB9uD3lE5XoI/tClqulM7QfzKhx7PEAXHc/vXIg8gLOnXDOPtacIpQ68h7m4MfOXPJqBDQpJGrLHaHg==","shasum":"081492d61173e9e5da6f9d97bf8ac92b734842d3","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.14-96beca7fcd10c0448271c34589a09d1c36aa5877.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2U60CRA9TVsSAnZWagAAYGQQAKEMJU5nLGQ166UWscfS\nhRfvkJvwSPoBTmU9rtKyurlkKWrqZWPciqUB3nckKQz4Yooyoh4Qo3w7FSlO\nHZiiACyVWo4rfC+iDA1E5RNYvIZXbMYTp9/Zc+qmq5Ts+u4va+97fKRT7BFL\n5vNeSO9GgqtwLW5pt2AP95cHzI6DF8dvNrpw64wSDj6hHbaXZPEGCRILhtIq\nMCilzP0QZRVOJoPOfk/iJ4XjipWepPgn6BJjYQpRGL/Di4Pf6T5aMMK7HZZK\nCR1efA0ySXYl2kXQUJenom5h7WLtXvZw+u9D459tU5eTem5OmtYz/lDmOwWO\nt3FvvX5i6j+n45zFMpbd2wPCV6WVrGBampheIZhy0KRsSleip8pmOpFkMJrm\nSWAonUCKarat+W2slbNzL8x+vLrCuulsigvIFzn+Wg+6nzqzJOPoy/O8VLMK\nKOAmfNY7cz0rn0CjV1gfJXsABmIGNI669xhRTZ7gsXwYIlM2SdmHeMIC2GEy\n+rcfZ2zrS0SyYrXcSjERcoMM4w1zXxUUn91IolMh4H4wutMpxGYzesqnEtwR\nYE5J5rK4vLc2HIbquif4f6ocOa1ZdEKqIBFl1Volhz/XGkgZlIHlfOrB+81s\n5coJ5yxpHeF8cBi02rYUxTvKrY7wDTRJmUjxeztJ7jqvBHX1RK4RFAz3oBn0\n+yDK\r\n=Oj+o\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGJSS3MJwUnvaarNtTfQedf+B8v4+qlrEa0S7isEDMjiAiEAtu+9ZqClzXZoKVRjYcAFMhCPOPsnJFzBXp00a/j23ms="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.14-96beca7fcd10c0448271c34589a09d1c36aa5877.0_1624854195767_0.064513320162491"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.14-e314fb11ac8eb719a5b1a3e0b15e047fbf639bc5.0":{"name":"@unifyux/theme","version":"2.0.14-e314fb11ac8eb719a5b1a3e0b15e047fbf639bc5.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"e314fb11ac8eb719a5b1a3e0b15e047fbf639bc5","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.14-e314fb11ac8eb719a5b1a3e0b15e047fbf639bc5.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-HZXBaWaGUmZbaebogrLPjK5kSpKbCM/qMp0Rh9lG3/BoZwDiNIAQQyGzc50WpqXLJfVAuTyEXSGzqTUNld3H5A==","shasum":"52febbd67d72bd974cfcca1694d0699296d48845","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.14-e314fb11ac8eb719a5b1a3e0b15e047fbf639bc5.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3nC1CRA9TVsSAnZWagAAAbAP/i6EQ1I8vHhGAYFHKXT5\nNrbQiptQidtfRMzZ+fmQTVf3PB8P3EA6UkD5tFezwYSkCvkReJHk2MuHq1dI\nX1R1pGJiHU5eZTf/C7v5Y7SWy8L71B1rVR+qvQscPix37BHfoVEq9t5vcN9r\n0789veLeEIGB2OUz1Qieevhso/Wg2IFZVJOub/xoimJhA5uNaUZgIjLQKWoD\n9PrzzKpgyDO9zh11b37lxSA9gEkDTqdDAL/o83JH5hT69je4ikbq+xdatpeW\nGLA/nYixN522VNPVecS6i+XnOQ17WQVz1qpevc+XOLQap85wYGv+wWhJNCHf\n0n5+xIFeEJr3XtZ+MtCAHPjeFXQ9Q/TzGCsU+ZHEcWmum0p0wwHGME2XhVcD\nOKzlG48i5S491qCb4eWHRN10w9WkHqGDAnA4Moadcoglz9scda7u9xQlfUHP\ntKUVKVrekz3316U+KvpbC6EL1sRgduFO3S2G1VszZmHhv65HdukdhKgqwn+3\n33c+B45zc2Il8KIzVU05CGxIyAD6HFWwWyfVS6rAYGxmSb+n+48ec2VS3EUW\n/K5WueTlrKkN6EYV/+BjTFTK2i89A9XtvKz4Fpm9U1TR3Qo8IlzyVji+ByBy\nCZGfhOR0Ul8NQjydMeETR7smhxBw3UQufsolKVa0iqtdW/yTJlVmIwld1/eU\nR6+3\r\n=bBW2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAgvCuq+lp7vLVLBOoGXRg7SpRpN1RR3DaVR+IDmw1tWAiB8Osme01LxqRa+QOLgLElBP4wT3IlXi1EBaGT3D8ih0A=="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.14-e314fb11ac8eb719a5b1a3e0b15e047fbf639bc5.0_1625190580902_0.07691106227994426"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.14-248d167530c7225f42a17e74a4b1c7461776729b.0":{"name":"@unifyux/theme","version":"2.0.14-248d167530c7225f42a17e74a4b1c7461776729b.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"248d167530c7225f42a17e74a4b1c7461776729b","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.14-248d167530c7225f42a17e74a4b1c7461776729b.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-R4KmgYp9FSHF+z7Ja5Tc9XgU0W3QWm+DJz5OIvHEfZSXh8BgifjC2c1p0votUphi7rKqSeCRTrA5bJ5eFCwVhw==","shasum":"e60634151e67a883b097d93a4dbd6d07b88e3db5","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.14-248d167530c7225f42a17e74a4b1c7461776729b.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3nDECRA9TVsSAnZWagAAudIP/AhJbuvQbqrTT53nnAsp\nIsReKgUwbZxa8fyEl+7XvrtdDv8G/rhbVfaoBB2LpD2YUXPMA0JTQROQSQxe\nurlFGj3K9upddCgNiBFgygvgwvR39mMzWoY4cNs3PKzdKsY13h4XE9IWWWMT\nCokyMI6aIYYvr98uuYOWKwqYvCZ1HH/FWFhn7W1Dfj0dzScao6J4RYD5H7AG\no5PP/nkcVZFMogrgIWUkKPl0Oalb6o43lc2Bx5h9Jh88Ytg7wEGWAS2Ii6Km\nUTB1a4eW9LXsIJVbbZZB84Tk3ybuDP//VRynueB13kx4JSFyzBxz9SF2F306\n4HP8RoVrMH5R04B8a/mPh/zybZmsNeFOfi3IHvG/IAIKnbZyZJRy6jJeT5xl\nXFbxacltLn6rEfJl8zXrufpuCkvfQphrkfZXAZeYHeleAwevqAFmMawW8QbA\na4rSZ9DW0w3bv1oG+l9ig9c4Hu5KP5zwQLWcYgkWKxTjM4NOdlovvhiF22E+\nqvPMyPupfvNTZLIa09yyMT6bQg1uUZJNg1iOmB3cLt2DJRyJfgoE1jCmlCzL\nStzg1oY2H5jlN6FBORprpkUkdVe24S4vx/eyN7PSiHYMoDFnHglbiqeKPNQ2\nZfKxpQulqcToQTLdiRGRJh2NDGl1CJRUf/AV0qPjC4OXlKu7tZ6Vq69oSBVc\nbEMU\r\n=R5UU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFC97oxrRXz2dqu4b36vSu96pasoI4lMSw7/wBAVU7DOAiBeCF1i7MMSh6g8yqliCJu7YGHZW7gpsHU7IZQ13nUnRw=="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.14-248d167530c7225f42a17e74a4b1c7461776729b.0_1625190596237_0.14222609756011195"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.14-6bec26e4dd2487188d4a39790535571634f80999.0":{"name":"@unifyux/theme","version":"2.0.14-6bec26e4dd2487188d4a39790535571634f80999.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"6bec26e4dd2487188d4a39790535571634f80999","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.14-6bec26e4dd2487188d4a39790535571634f80999.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-rQeiwkgG/8ABL6Pd3h1Nj61qXfyCFwiZEzAHII7xzObsV0hHZxELtmGH4gm/Bdux8dVzF5HJEAkQhhTZYPwfIw==","shasum":"9fc1279354bc506162d2cf12654925b576762c5a","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.14-6bec26e4dd2487188d4a39790535571634f80999.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5A4QCRA9TVsSAnZWagAAu4IP/2PxBfkvCHHCYOQFpr69\nivHNWAdc5cUwvmH0H2EKjC69qQRpkQLJLgXe685UMAbs3AI6wg9ObbtK8o9Z\nd/VJlf4cfL9JKXkBOts8W5xg7Y9wiPfIeOSS8ZRE6PolkiWvnIPF5sbP0IDD\nZq6Al/T8AtPWtm+yt6ehvhh77GBMfWDUAsPrYPXY+E14IPFuAaRBDMZUiRiY\nuFW7trE1WkuyHDlPOMhAGlBOTEajXI4Bc6SOytr7RnIfAe6uzd4YuXf6k+9n\n8N7OaruPVogT162Om/Y9umxzdjs7ON6VcHb48slWj39yCzN6+LOTkItGTinX\nulQnLsaGKDsGMjakJLuk+t5AWOC53+uidgoVxhs7I3Oi18j+JNYiYYvwQDqV\nUO9zyYRjK76154qj8Ox9csNet5E+5akrWWdH5wvzYo2UF53ZwNs51+blgFUh\nL2NdcEr+tKffBub9RBL88QrihHMSbHSZ2+eCSGYlWCRGUKkheYcMpj8b7Q/m\nyOadWsGam1WhwVKvcqs78SmHL8lcjxgv6g93+6GD5thKNypTgUz5dMYJj1SE\n8KkGa0QUYqPwQbfnf3nZT/3zEfGk6vzUcZzXxdv8rlvDdWqpXu+U1srqGja/\n5p3JQGg98XCAu4Jqm4mNFHDWbJhM+FQPtYAPGm0vtDblu3u4WPsOt3ZRiyZD\nMunJ\r\n=FdLj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDOHJQ5NrNlv8tT2E/3qshdH92LScCY82vS9ijhoV+YmAIhAMA73CA9nfwE9brgCBl8s61w69fhuL+GsC6FP08jCc/1"}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.14-6bec26e4dd2487188d4a39790535571634f80999.0_1625558543970_0.39106794109992027"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.14-49e5a561dee16d3e24a2f2672d308ae6d28e4c0c.0":{"name":"@unifyux/theme","version":"2.0.14-49e5a561dee16d3e24a2f2672d308ae6d28e4c0c.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"49e5a561dee16d3e24a2f2672d308ae6d28e4c0c","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.14-49e5a561dee16d3e24a2f2672d308ae6d28e4c0c.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-vELWj8Uc7SHEKra1hwFrEgxMvnmyXVIq3uicQFPPCGC9m6YgYPgpdhMgKxaa5I0BcwK2h8/EyKTYZgitf/vFfg==","shasum":"c07b5144eee76f217e33fdd9451935c5884f84ee","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.14-49e5a561dee16d3e24a2f2672d308ae6d28e4c0c.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5LgGCRA9TVsSAnZWagAAk+sQAJ3GboAs7u5HsOsU6hug\nv7ctTNhWQOqA2gXEcB80hPEbz4NoM5VDfFSoTGS02c8V/gs2oK3T4F+kvh1h\nt4ay4Yc3oLxn2QL9mxDyonWiau0Rn+RWeW9jzXREYL35Y5N9fyxO0IyvoaOT\nN6n9lyM43Vt+6uUfAwOhFWDTnurvgZGBneXKNBQZKGsSyERzZ/EvVn7Dblm6\nkeDRLRPiE+g8zfQX3Fz2BW5yEwVIZPgCPXpCAO61Kh+fxQR6pFECsUqfHxjR\nNlE3qHZZ7iEoNmUdDw60pvMjWQuDbryaa5+5P82mIH9QGvnZgkIPV6u1e1lQ\nKt8lVoOrDzDUdiL1DBX3OKoOVUUA9JXOiK3AzcGvMSVVdELHb8Lb3bp1ZtQK\nc72xUWRORxijuX+EqNgf3y45HDy2i41POWysu0QCYsZa520pyCGhAuBeVkRI\nEtxN4pd6icZ2JppxCdEL3uFatRQJ3VmMcITYhFgLHUdWVfVkaA3F8R+rYfmH\ndniVOcXSr1hZzmxy2+JGUL/Tp2oKrisZ/Wa1TVlLRKqCXlIikmf+3O5NtJ5A\nl+I+8BmbChJGFTmosCO2Wf9L0FXXjhUntDkfRnmgpl3MUEOXBwOz+mNxb7/g\niX64P0534szQQFy1IJp+quC9Y23ittBbjA+3W7HzA9NA8PxpX4zFDUbzeoCx\nK7D+\r\n=Qbbk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH/Z1Kouo/eHoraGXsgs9suqEJDSxnNL27BKJi+sSkFFAiA/72xwO6KVhvpSQfBKNiwvTXwARhbqyPUWg74nwJaVMg=="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.14-49e5a561dee16d3e24a2f2672d308ae6d28e4c0c.0_1625602053760_0.9003497097496667"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.14-56722f391b3c6b31a03bdd5f32ebb46e81b0d048.0":{"name":"@unifyux/theme","version":"2.0.14-56722f391b3c6b31a03bdd5f32ebb46e81b0d048.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"56722f391b3c6b31a03bdd5f32ebb46e81b0d048","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.14-56722f391b3c6b31a03bdd5f32ebb46e81b0d048.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-wYAh3rrGGChLbmyzR6uTR2YXRBduN5GcsnYZaHqMebstbtwvmSCXxHYFttRmC3OOm96qXfaSxlpTjP+Z9XJE3A==","shasum":"7c76b8715cf4e2e217049357fffb92fdee649789","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.14-56722f391b3c6b31a03bdd5f32ebb46e81b0d048.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhI8M0CRA9TVsSAnZWagAAEloP/3qBNI/rh/ImiXO7wAZ2\nmg4NCRp2MLyFjT4wzuhJmMP6zX1kB64WS1jIKZYkX2ixfeI3+YyzZKJKuc0G\nzM9PoP+cHEQO8hRW5Q1hWO+5rkghjOjLD5uYcQQt8cQui7PZOkabNErwr/Kb\nlzyNoPUWYKo17QE8YOSo2XSvpvkmePlxE12jXybzbzATzppHQOXa3BIhLXHK\nX25fS13rYVoJthN1BRnquBYOqNrFm5wCju3Rj439KvSTDdAWn0aXGLyJcnP7\nJO/AAyEKVQXOPzrypaKBcquayUGrrH7S5+g9sgjOkvP51jkv5q8Z9Ynw5JOx\nE2jAC3vWiC84POQR5YsAjtBchnigIJZx1FU1TdLZ3tfTuWNh9Ls+3RZaWDrG\nWFR1n43bD8EtfmglFZTuW8WQsj/rFB+3+oHCxecdsO9il5pdTzNRnD+9OR+l\nNGPPqiWi82G5VaC3jGWHisJGHV6211WXPAy4wlK0Bwv/+VOxfaG4zCttgV54\nlDQ5RfUOwHTRfVfQa0wEQVvcrgyjQeAcIEyix6SJkF4+b7HUnAis+2pqRCUV\nns7gMq5hYscs2pKuFQuTiM7YfEK+74b9ghoEOCq1dAefYTRbRzT2tTjNSvU9\nc0VaSCUin/rV5deFqaPPWrxcDMDmcNwi2vLd6n2GuWf04+r2dWmikzWDiP0b\n95FO\r\n=j3fR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDi/1vUA/QxIQRb1YaRzGfZlahY7sEsPtFLbWbLp3o0lwIgX7SlUGEXvW4Eh1vKFMxS3o6/UIJcafaOTcTQ2u8wBvw="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.14-56722f391b3c6b31a03bdd5f32ebb46e81b0d048.0_1629733683974_0.11548133414783157"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.14-99d863066f7996c6315d8ef7a2e3faeb3d336766.0":{"name":"@unifyux/theme","version":"2.0.14-99d863066f7996c6315d8ef7a2e3faeb3d336766.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"99d863066f7996c6315d8ef7a2e3faeb3d336766","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.14-99d863066f7996c6315d8ef7a2e3faeb3d336766.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-B4HdU+DJposZXzpGFaVafX3ED3UVso4R7zLKd41IHzFwaKthAqdxPAmif7Ug0ubb8V0VTtqC7ZFEMzlLxvwMNg==","shasum":"c5445fb38ffcbad0ffa854e88ad8a018cc25fc02","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.14-99d863066f7996c6315d8ef7a2e3faeb3d336766.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhI9hwCRA9TVsSAnZWagAAYdEP/2BXaSjPV5BFNKU9XN4s\nGctWylxf4i7jYzP0I81Uo2MznqkHBrJUyU0+4+AcxIrqyogwMX95sakycjCc\nypsPdUshMPdzCKB8AnZ7V7aIcIIimOg2jl6AIl3vMLGcRVRyFY64vKHPUtYi\nqlgwOsYfVCNe9IodwulivRoXFW/MPVfIFwNsVYEgLh4DFZk8nmlzNJ1bS91+\nFTFFRl4HHW4h+gmR2lSYATZPcEfk4y2rp02Hd/1Rn7+3+YzqDJgzd6P9aFlc\nq7Tpml9GeAH9336qtGfwCqVVHItzOrOzFksw6+dnc2AeXYQFJUR8lluMFy7T\nWI2aC54GccInnLdURTL8FS8iyMRqxxo5cDhwcChCqrZMf3BJRZ4J5aMOIk7e\ngYrwmrmGd3U7MXkVNzZdExp9S7VY+LFlv+ooMw2rFZpwl7Y7/cnGauQMaaQE\nYrkMk7lcKrZ+VplE3dHZS4o+VdwsrFqpWhs1sZs5xDD+mmcWA3vG8ngdjwCn\noVYjKQW43R8qfOj9cCpXrSFxCxKLHJ4DD+GMmAVrQIHyxYtZK6GVAEY3545O\nwMU6hXeA0LHPRyLxc8PL4HOCuZbHwTfBXofWcpXAhZqof4yCCiyQ8ew+0pht\npr6a+pW2uqZhC7CNl3/cjXKMtyHNFPHhMfVf1i3oGAa849oe3E1QqUMMtO27\nXORy\r\n=JijE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDK0gylV8sbOvuNmxQM2r+rIx8kvNSZQkuJpDhV6RFlRgIgVeNMfwSLtYhnsAmxi4Dgnk1B5oyaYL3UDblHfN6ExK4="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.14-99d863066f7996c6315d8ef7a2e3faeb3d336766.0_1629739120716_0.27289342211294865"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.15-6ac471ad5f7abf7bd4933d3090db2827ecf5fdf8.0":{"name":"@unifyux/theme","version":"2.0.15-6ac471ad5f7abf7bd4933d3090db2827ecf5fdf8.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"6ac471ad5f7abf7bd4933d3090db2827ecf5fdf8","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.15-6ac471ad5f7abf7bd4933d3090db2827ecf5fdf8.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-H+hCzmCLTYKOpiCmIeoeAfKoUuOw69IlED77qnW0LXSumzw0+bf9djMfyH1btyIZJgmWhfqpakP/SjNEOd/9XQ==","shasum":"bf4c81c0cd860e2722f88e8dfab7fff2a3dcb866","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.15-6ac471ad5f7abf7bd4933d3090db2827ecf5fdf8.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhI9oaCRA9TVsSAnZWagAAOboP/14D1EXFnGN1By/S5qXu\nFvsVoxdQ2ZYLC7oq878jFXLLKyaDd0vepKGqUMWDjxkiPaeNibWBIrIETeQG\nZljxgzwM6uIPHzNMAVghCDwJxomjbkH0mbKUqSsMxsIqOZbjikz3V8hkcfj3\nCys2q2VEUAzMVrnXJwUK+f+oZswxqMUfBjRzF6y0IKe3d7pwyx2GzdGl5Bll\ndO6s7jQk6y/u/Xgz7/DTiwdyYjNTD4fDc2SD/djLkpORkvigLrjqEVuoPMqs\nQTFomNjatgLms4lqRhShxe07edeMdbcJQXZzP7nDrSvYIZT+KXq7UX8/NwJ2\nTPaYJwYKoLmOVS29PAv+jMKYJOQPEJXWY5MaYqjAnn4SCzZ5KUayo9Cil6B3\nc9bo2KRbrIop/2tSbjJaHlBrgtww9olWgASJLJjSAmGkwknphxsIz81Z+vcj\ni9Kv/SzzGnHEAADoZ/DvPIDfe2KeNGk2FoHbFRHS/5Rur40Q4TBnkpm9Ur6a\nQiAPTcSlsoT66qLh7zb9AdKrQvtzNOgntodjXZDpWiB0aHfgUuS2jNOt+2oS\nWibgNdtiuqItEffR8PZxSn1Gr6bwdP5/okDISOSiQNCwVLtOjrcdzy5wtJ4i\nAx4j4vDYwWv6kBuUMMQtikfyXBNk9jRXYIYfdYz7p3E9HPOsFGHzPWCX41F3\nzcXc\r\n=dM+G\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD9SaZPIVfOKWpcLQbuERV56wpR5+xCIk5lXplM44h4wQIgS64+I9RwbodOiu+B1oocGvd9O7PJZ6vChYXvF+qxEmQ="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.15-6ac471ad5f7abf7bd4933d3090db2827ecf5fdf8.0_1629739546748_0.5671338737406275"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.14":{"name":"@unifyux/theme","version":"2.0.14","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"a97c20c65e0413e4975b5b3423a066ea9d5922d0","_id":"@unifyux/theme@2.0.14","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-fOIhljImWBaskqXuKvy34WI7Hs8ifZ/w1j6sVvmoqwGOLl8eTbEws1NnHP3X3H4IbUTEhpPd5R7ZspL2NgxhLw==","shasum":"9ecbd353e33100d4fdf77ca084c0dfa8bd9f0c17","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.14.tgz","fileCount":11,"unpackedSize":15659,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhI99+CRA9TVsSAnZWagAAMr0P/3IJjkyerOVeEBn/izK0\n/QyBQSKcGsGbL5J1lvfC6neVhLNHcaGfot+SFWr1T3ugk/tLs/8Me1L6Cafx\ntHG2QTDs8UC6d38QpzW4MHMH9FgEtzjE6uLE7Cz6NgPzBVJGk2bN7KsEX0Lc\niAdJGTNVApWwb7X/dbj1Rhvp9AYUDwrTsrkwnwSQ/try6P/lFEy7QKjy+04w\nIbL+ennm3PtwZ0BMsYcZ7vWruOyhDRZguz7qxrUrSa0lqZMVpDOvwTYYwGyt\n/LenNHYiH6/vmObYuMXGN5lLGduFEB/FMIx+I7Lnh2+OYGxyxR1JfENE+KSH\noAR2PrzniGzoRoQrGLWOD3M4vxcnSpv1XtNfYVoBwYfhR0QS+5bfI4UjGF0K\njWf/UuYJlcleatLlhcPb1OJCRgbh6zfaWPaffOJ/Gb9NF8dFILgWw7RYwrgL\n8/d7q7IO+hWtppd08KzPycSxlrxzs+9n9OGEyomuGW6lX5h7GSIg3TYzSZZk\nlEHBZfwLRQw4sMHOyCLHkOTypPBKW6g4sOnl+Kc4toAA/2fTRnXeZwWyOKCF\nlR1uMwJFGrkLLQCaElUd4ggZ0tY7tYdSo4yb6agGvh2E/cSPA+gmdrNwOtNQ\n6x3RqC0VmHgAFo+hYgRKkjRk5zHI3g/dl6181gQx0J8neSnIJIDA22AFw7Oh\nX0OE\r\n=rsIa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH97OcCRP4XE1LE7Ia18glbw2gAiYp+g4SwyAllynZFMAiEApv5Jtz4v8l4XnCNgGexPnU2ISirFwVWQVdJ/EU6ZfI8="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.14_1629740925961_0.6355003789207645"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.15-ec7e9c806a1d8b24c9340832624910c8a1317177.0":{"name":"@unifyux/theme","version":"2.0.15-ec7e9c806a1d8b24c9340832624910c8a1317177.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"ec7e9c806a1d8b24c9340832624910c8a1317177","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.15-ec7e9c806a1d8b24c9340832624910c8a1317177.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-8qIFfJBG+AJQfaOB3jLvaQ5w5iEwlxewu/5knFIOWGJmvEXQDdFeD+7E6NCN2zxGjKx75BllD2kBZ+VvDH330w==","shasum":"3a7332462a6e12bc272ed433008f24d3c37f2848","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.15-ec7e9c806a1d8b24c9340832624910c8a1317177.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhI+KHCRA9TVsSAnZWagAAImYP/0mFP268KRHyUUZTKL5l\nE443WSK1jlGClI5KWjMBigF0QrJEmOs/oOZOYNg1E2C53lSOA1yBXRV2fs+j\n4H6rgmny5jW4+GLhGjVWKKiG2Fzcu4G8aLTSDS3Auu+sX9rynunGQ+Lo4BVg\nF51TBxxIjIhg3E0l6A1FoI2+y8flnVq2qqEXVv4fYulC8zUETl5yDXNC2Ou6\nrt9uz4SWj2lKyRBY46COsYRWocm+wcjIZMHdz73jSoaFTs5TYlOIc8zp4eCw\nYKtLgQpsrPmoVVRm6T4gY//532pChQTtXaavnpgpKdFf3yLG3GTKxN87CEVe\nTWTotQ7Ym5ge4wXJIO+gYJWNnrowcqyhix1ydsT9XQ936rbxCi63+p1XsgNz\nMVveLdznWSg95pbyOKRIxOlQ6ytEYoUUzzr3APCUk6ASsmqXIEBarSNHOBbs\niogn0W6+dbd3wURzFE9gTvxoc6BXoImtlnvAiI2HABds2D4v2th9g5fLAEjd\ntIhv0AH8e3c1FZ7UIsIWD5l3roMsYMxIIUI7lR78gelrdjljS396uAKGB7gV\n+cgg9tY/+5cE8UPXntzsbYAyMN5SzSBuBNuhkmuyhVFJhx95fcBLbtCv9bik\n8wMPsAUZLDKZDJwEs24yj0txrWtr0Wvi30HwxkDd/vYzyVVauzwSQ1W3QJKv\n8K37\r\n=fSOb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBqG9gXEj+kq1WNdOiPzAE6yV82lduN/P6V/lOQIKdLsAiBpl4LdDrkcFoOJ3ddlXGZ35HBCmlFpUgYDdrQXGwXbsg=="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.15-ec7e9c806a1d8b24c9340832624910c8a1317177.0_1629741703051_0.8841605804106976"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.15-4b4081c3ff82a2946297a1ad3c1ce669cc2aba15.0":{"name":"@unifyux/theme","version":"2.0.15-4b4081c3ff82a2946297a1ad3c1ce669cc2aba15.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"4b4081c3ff82a2946297a1ad3c1ce669cc2aba15","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.15-4b4081c3ff82a2946297a1ad3c1ce669cc2aba15.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-ZDCRmWpRiQb8Bt4/NLerBeB/o5e1EDbjMPOsfqsnNbAZzf1+LEd00H97Mr0wBBFqsGQNpAGlB3cth7fXgpoWtQ==","shasum":"e200958216d1552c9d564847d90b66be6f880f24","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.15-4b4081c3ff82a2946297a1ad3c1ce669cc2aba15.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhuSwRCRA9TVsSAnZWagAAtM0P/1W7SOhnaYw/tQOofVEs\nlU7bysdeEmzAxbx75vB4pULHCKUaVi50RO6sGBJJcR6qyAIFJ+7kMveDsDN/\nPLH4kcBGhcGim0qaZib3X8owgXhjNnzbxzX9aBSLlGRHMj4N/l//hPskDtm/\nDLla5HvbPqA24N4PD1EDMzPdGeXTUp6ayDvvctfLpBDkv/hGeJJ19CL4pJdi\nnBpocS/oOExHNQwUnqNKpMt/8glM3W+HERMvObVT/T5SOGHvRg6gZ5c4doBQ\n60LuelUZNj9xFRLMfCoxRVTcFubsAVXkfZYQpiYRa7DGRXzCmcyAF4WpgMf3\nfY+2toU/RA31u2d7EV6K/GYS8CbeI2hslcolg9VeA55BA4psYiBjav9jJ4f6\nzCoF2Xs+uLnVN/Y4Bz91xLSB5ONO1gzRiHp/GjV0rro0TvDNSp38ZYsZMs08\nzfob7jhpWumsQItBwrmUzW4hx/xikxCjc0AXWFlfvWeBfQT4ksqGTX7edIOP\naH6PmUwXw3+mHQoUHdfdDaoog+KPyoVguWqQQo1rj6mcBVTu3rhvvBtrJlzw\nlJl6qpcXLsqD6eYEmag3BXmqKZHkFM2yH9IGo+DRZU/7gxvywRv8x55SKU+Y\nN8n6oWFMqV5S9QlTivK6YVRIUOvcnIaoDqHvYG9pPHylgRkznhIaWAPv7M9W\n7sEs\r\n=9GdO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEvFljELUO5svvOh/iv9Zot8h6d+jzUIZGt5BSIoa+LuAiBvmWgvLtMGuWIXTfa/C/JhJ8swrs7lV9VYl1Jk1/E4jw=="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.15-4b4081c3ff82a2946297a1ad3c1ce669cc2aba15.0_1639525393088_0.30680643433546373"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.15-7db6a0522d96beaed9eaa7c9960191a05567c325.0":{"name":"@unifyux/theme","version":"2.0.15-7db6a0522d96beaed9eaa7c9960191a05567c325.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"7db6a0522d96beaed9eaa7c9960191a05567c325","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.15-7db6a0522d96beaed9eaa7c9960191a05567c325.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-j+lkWuv0XtpPVclJpNCJfTgH17y9OeBbFJXG2ShzIGZbXZWbkPe76mztI5h9OLKfnb3RPLiBnPHHqojDQdWHAQ==","shasum":"5d22dc4b4da24506d4b87d9f663a83c586577e47","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.15-7db6a0522d96beaed9eaa7c9960191a05567c325.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhuS+oCRA9TVsSAnZWagAAlfcQAIYKU5LdN0vSKXeRBR/x\nLcY4TxGVabHVrzNv4o3iU9LlDl82jphS1xQVyEdWf9+RY/MI0b6pdG27HYgI\nvr3l3NCfef3tldgbtfHczJMkDgpsGsgmOgCNVBWEDPNChVVvkq7rGgehq+p/\n1DEnt+PWrPIQy53Dds0rxDzQ7pzcNL1M5EhaHGyTOD8qGlbKN6g63AUMaCFI\nkIr5TIDHYrYrXHqKwQvnlxsQg2YZYl6BQ/rHbcc1nEZzwDfje1dimvVaWqUt\nzQ3VHo97raReAqhVN+1kqL1jGnpMqIymLoAd8LI4/EudhxPd9TAVe2nRrjNX\nRzmB4MeCtz6U2DmMkNTXmGw4zua3IpelC2rY7hpnwFuHkiKTNG/s8k3EBTBr\n98lOgtY04T0pY4rmJ7Zfo4Zvk9+wJJUeNkJVrvuqdaUQdm+MduQreDiADGyN\ngxScOfA7DtqxaOO2nGBZaEri1V5fzuCMO4jojBqK73iNZ7fSweMme/0z4Hdu\n5hAOOAZgwFqxHZliwL/0ebV1dvqmy4xwm3k7yWChxKqEcjvqpWxBv0Bn093f\nSfcaNlVZEAtBr4ykvwtjFEtGmIjlO50CxArWn+UubsX92KBhICz/pwXm4s60\n9t4AXeZgpHb084JaJCcnrXwkHYryYBpbKoS8LG703gSk/AUqXknrqoS+/eAG\nHCE5\r\n=2J86\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDOFR8x10rew1is070NgLHp7F9PPhkjsW1bcGMTKh3XZAiEAnqGRRUGTF/sYnzIOWQ+MD2EK7vNQNgExB5Wz/6eWpgs="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.15-7db6a0522d96beaed9eaa7c9960191a05567c325.0_1639526312468_0.1545284303793968"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.16-62d938aacf286ffd4ca82e4b9357936e40779a47.0":{"name":"@unifyux/theme","version":"2.0.16-62d938aacf286ffd4ca82e4b9357936e40779a47.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"62d938aacf286ffd4ca82e4b9357936e40779a47","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.16-62d938aacf286ffd4ca82e4b9357936e40779a47.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-s4MawMsK+N8hszDmUwDEY9BOv1WNk1hI7sJs9rzdPGZ7OZlCV5tHSzgLfRdf9P/kz7Ol17zU5D54YPJMi8882A==","shasum":"e374b586bee1bf264771fe27eef21a250e967ada","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.16-62d938aacf286ffd4ca82e4b9357936e40779a47.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhuTEOCRA9TVsSAnZWagAAUmIP/1s8aWxBqtDlgg2ymwjq\nY7/QBIFmXFaH6NTUww/4a7OV7idIVtw3Jfb97KOzxb2/vidB2VnJ70ruvwMk\n19HMjRc3y2sCF/QFmFJaya6UTSpQtUBwrdDgzSHQP8CwlzT8UQ3GPOVBtFEi\nP0+tSTAQ+5w+5a7Oc7D/rMJHPRe8IrFdN9Wmt8Wqs8d9foQJuLvC63ZoKDOq\ncSxThxVmsPbNuDgtJje4w1dH8hapmghdl19An6A0nZ+QuudK67j2HgErmvlj\nM1VEpC70rePAOZDB/sl9rRyQtOWdfPucqzThVMzPwiPtAw/yCIjSO1JgmxHe\nvltk/8VNP4RIVS+FYFxvj1dankkqqsm6++5VxWSgwQgwJYsL/SoXcpDlbfh/\n5uI1BTyseNw34FQgDPB1ZQ0FJLqSSIxrRu7xnTMkwRsfPCny18C+NMS0+jTC\nk7Xdk96KzojWJdBbdIk+mqezuzKK5ZXrXChGlqERSfhK9Wy2q6wZNpj/Nrle\nW00K17wFBEpr2NUeAoBwKLxTsScfcGrxeaZ2YNuGnMtWpTxqYlgiCZSijecn\n146/gxsmti8PGQXXxPF9ACPIBY1Vw94rYv8cCHLpCZzQcVv07eqDGEXGoK28\nDNkP65E7MRIP2SCTUTIrIIRbO6RIexknDTcalsWSv9ceQv1fxpVCgRDnV2Wz\nigW/\r\n=70uw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDpqp4nA6dxgXrV/D5L9DnSrWG2TnOETlJVjXt0Qi3QDQIgOVSIh0mCv/F36+fTBC+UdYeExQ0z3ellUk+MwfAvPvg="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.16-62d938aacf286ffd4ca82e4b9357936e40779a47.0_1639526670205_0.9032998260550205"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.15":{"name":"@unifyux/theme","version":"2.0.15","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"c6b1fcde21c475408061a159b0de89a819205a48","_id":"@unifyux/theme@2.0.15","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-7uLYxgdDuiGLNBsoQC+cumO9Z1zye9/7X/tKSZAiKEVofr7sPFJEiABLn6H4y7iN+ud8gTvZ2EmEP0ldoXhuBg==","shasum":"6b6cfdccfe61996ca87ad4ee6188858ca678446f","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.15.tgz","fileCount":11,"unpackedSize":15659,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhuTP1CRA9TVsSAnZWagAAOHUQAKAldVPcSRFtCq36sfcP\nHzesWf0X50bwys76EPst7LM7TjpY4wWO4h1NWg0/l0RnH7vxrUMGH+T+KnuN\n/4w7D8yo+PpXbXtwOyvBFkNpMUX3bTuHZ7Wqi6jKj1a9Ys/Oajd+1wtFayoh\nDhlqeD3p0Bdnj5ddcpxGbsa8mGYFxr0kZMYpJS+rkLq6mDfAXdMO+YrDltT9\noxNoCTaLKWLoAd17H3KJHL3Xb5MR1fI2GmJ8YuzCaTAWUR7xQAkl/e6y5IcW\ntqQ4QiwX9txaaQVLxOK9r++xGYAVPEHH8TxVrrtyezBSTtVo54I6QKqWC1k8\nDdqZywzch3snhLpzP9oOmYIouNHk/97pcsJAUmdV9rOaCR8Q5FoEq3MykqsX\n0kkzvYMR2wVirxHUelTkFQILz7tsfm/zGQRxfsg/jQSFZbSaGIS2ygGvNRJY\nRhgDTtm3HOXDc41dNOBuvPBa1ANKzCugg4AGwaCgrbF/IQA2bJAhEhb7tlkq\n7TD5GIBxTNhfU9VlYagUY2sVSX9dEb3FEtGTWEizkeXdOfsSIBlI4PUeu1Ak\nM5JenExsNiB0jwqFRAuxwZ27zqv4I+rdSiOOe2heZbhzMxRicHFlwt4maqE1\nQVQWSPY8GddzrUxG48q3z2AFyYOTErcxiWlk/g2P9fw34XWNGVuVKo5hXIaC\n6KBl\r\n=1CoE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGWRtISp0JrshBLP0CAiF6NsdYtcuwC0PVlTu5RupTq5AiADrLP8PTMx2nu/JmAYqZ6xg+gX2LoUhAqiYOgu0yCrVQ=="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.15_1639527413621_0.07629797327236898"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.16-91032ae56aeb6129218cbc8428f45471b0a43b2b.0":{"name":"@unifyux/theme","version":"2.0.16-91032ae56aeb6129218cbc8428f45471b0a43b2b.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"91032ae56aeb6129218cbc8428f45471b0a43b2b","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.16-91032ae56aeb6129218cbc8428f45471b0a43b2b.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-7ZiqGAbtfK5Rl0szbsFFGJAvY61POymDR2U7WZzkecicxjtgTZq+UUyGlPLykiTxfXjItsHkouBTXVyMywiHdA==","shasum":"2b35dcba42f00a2e8244150e34134117694aa6ce","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.16-91032ae56aeb6129218cbc8428f45471b0a43b2b.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhuTaKCRA9TVsSAnZWagAAmu4P/2Ku9XUBpYDhVhGHwK25\ntk0d+csrZOkkygoa29aJRpPr1Sfh9druWHQjEXdiPReHOSKDq4xSr8d8aFc3\nZcN96ftLFwltUs4I1ZBTIM5f8bo8BJNTs3gu9ZywQ+iJD4n5+GAzvXweUVMd\nQj+fj8lWsBiq4Li+8+8SmSWdkvO6xgQyKdHAGDMDw8xVqdm4okEhCYmUrLVX\nN4Sq3JaQ1+3PxZHArLprTAArgfJ+DxyxpOx7hoLSCxJCtz2j6+rbPkrL8Rmj\nw6yVdBNpjWwD/uSUFeASd2NQ7+OTZlZ0rmSnsYCeqIKBivoZKjblVRZA0ori\nSTm7n1SugmNZNk5gsirKgJ7WZMrRixqcAnNg/bpdHnBFYKY+6eDdJBV96wW9\nOL8m/7T+cPkxWl/j9P3MT8XbJuNaIfPjg0T3/zmw8cq3eprTq1SUyr1RO/m+\nV+XGgB7Z4WYk1mp3IQRiRXuSpDm6TX8t2bdeeI10ymscJY0x0hUQBX3LhcNu\nfR3vuzrJFx4y05FmpyNSswRTBfPhKwe0GIefLkNr8y6bLn3VEe2XCUqtp4Z8\nTUBSPgON5xn5ZNqtqwJuySwV+NcZ1g98HJrDMOrfMKxhr1jW68YTeZPfnSK0\nMneScTJENJviiVoqDHm1MJ7D2kInLqA5BSbudForw+Tb/SfbkJA6hXtm+lEW\nqxEI\r\n=HT+P\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCMFuFheBbuGGUx/pcSL+iEZeMmHqV+GYiApNhchwZf8AIhAPtFEYAScHqEMa7OAQLG0xwVVoiGK/HL/u1DLa9fbPD2"}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.16-91032ae56aeb6129218cbc8428f45471b0a43b2b.0_1639528074677_0.7298674980593591"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.16-aff898b442e25ab342aa7233b65f08255617b5ff.0":{"name":"@unifyux/theme","version":"2.0.16-aff898b442e25ab342aa7233b65f08255617b5ff.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"aff898b442e25ab342aa7233b65f08255617b5ff","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.16-aff898b442e25ab342aa7233b65f08255617b5ff.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-W1ZSfm/WovmII0QLg9B5QmbF98s1XrtIA/h8Rq5hpRTltHEllj6x6AS3uICXRdI0WXJDio9QzzHsb3YiWI7Uzg==","shasum":"d3ac8a2041a596c85f5e65aa9f1c18405e630eaa","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.16-aff898b442e25ab342aa7233b65f08255617b5ff.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3vfWCRA9TVsSAnZWagAAFYwP+gIoQ9CugoSLErTON2Iu\n8Vv8Z+exD7EFg9lDQSAkQMrN9vwKf1HRKP5rJmP+4NTsRavpGAMY9olopkCL\njv38umR1e7PE6jAhgolMpGTrDwcMFQCvgobw1GA8wA2oL6BSeqgftzDtp2A4\npCPqmAfZ7JWJb35M43nXwzf4xKdp1K0teymJ0kiTDaw6/7ZkZ27L7WhIWplI\nD0jg2lsTHmsl+XIHo5cQQdw6qUD+J1I9jAjTtaCTI8H5IHr/sBG6Nco/eAml\nNbXMVhNWv0JKfTRi3Zfo2lgNyOskqlb7ol99QLTqg82Y4T07m7K8LRv08p6R\nvW4/ERYuRb7MfQ++dI8qVXblM1jLqmx3rNf1cU3GaauF87a08gvMdw2LIBMr\nFbiJMOqSVR3jWG8lfLylrBr3TFHhKzFr4Hzu1D0+wfPF7oeU2j2toww8qP4x\n+sj4oYlemj87wpwkhbJEBwhKSf3jzXDqe1qBVw9uGqDXBbctbmA1TI3cgjJ+\nRUid5n4jpGZT1iLDKPMY0uHu1HcSk/ekTgaPL7bnc59HrHfDATEJPmwLzn/G\ncJaTUzzrK06yX2QV0PJUhnIUJsP1OLnqZOzIG949IYtkT3jiBqV3NHo9n4ai\n3GTUs0VzSqX0n895AhAJYWDHwLGmbfvVMHtCd03j9rgekf0etG3PLBTNy0rM\nz5dn\r\n=TN1I\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCmlQta5iGLR8mSw3YW/IVEoopkW0OGY/60osuxnFzAigIhAOZMmhSRoJwfO8CWjzWPBF4Wcw1uxrK5GUM41BEwVopJ"}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.16-aff898b442e25ab342aa7233b65f08255617b5ff.0_1642002390299_0.39360742320578135"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.16-847ae4cc05a0dba56bccbb0a7aa782c89d99d720.0":{"name":"@unifyux/theme","version":"2.0.16-847ae4cc05a0dba56bccbb0a7aa782c89d99d720.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"847ae4cc05a0dba56bccbb0a7aa782c89d99d720","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.16-847ae4cc05a0dba56bccbb0a7aa782c89d99d720.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-5aXE31i2s+/rAeFgJ5315MOMw8yCm83QHN2Dje/6cURKxS+OYQfYj27oAqYc4XKlP5gr7w88EnXHh6RIg1mbMw==","shasum":"d17127e188a9c41f922100fb001cb235a5a9ead2","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.16-847ae4cc05a0dba56bccbb0a7aa782c89d99d720.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3vsNCRA9TVsSAnZWagAAGgMP+QCUmu/be1+u/wryJTHz\nzFAWBENBl5Xthgz8hZHJw9Ve29vHakz3Fw6DN+XnJVD+C/YdCqnhWquuCH7s\nesVGKKgBiZSNuGwTno/T5HGYQf3Bv63eU8nskLPgvBpZX4P8q8yPXXKjcxzf\nfiwpM2tsNghUjCipQTa53KRyUX7HXc7Cf5pk43gOLzxiR0FtuWXAVn8HQ9Qh\nxJjrZEdbCc4XDrLcByFM4plqTkxj7FqU4l3wVk0yhDDwxCZtbMcAEXbYG3Fd\nj3zAiem/qGnuDrXC/zuQGALVIX2bVX1LmJlEGcMN+M+NlWHFuG/FEbE8xYxE\nADt7mszyQq3KMcqq3J38sga0OXapVO+eFdFWKExzJs5TYPCexJTtLIF/BaQi\nC4R5saF/0Dh8eTfA/5aQhGoomu/EiPH6hiEOY5kF5KUml6XxISSekKVQ6Ygi\n8/p3BqUHxpoAx2vh7HTyBXKMsKmLvn0DLGLfzqqZ00oVlkfnggsAyP1YjKeY\nevj9lA3c0i5CX8hsistiy7JeLnKXM4c8B8rn3oTbFIOhl0l/BwnqwD/6p5XO\nDKz2MDLpU2P5txS0sdyUe5epUEOHd9r06ppHR+c1Ne3zCgpY3e0rlgi+yGc3\n9hF5c73BHw7csmLtOjXCeZiQ1ezc1AZNopv+O5yTl/9PRmdcmq8/PBHTFQH7\nIIxL\r\n=lEo1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCCXjmuCpFXGpe0hkMJuNgtwniERyzOlPrGihPKWA9EEAIhAKx2eRqXnyz+UYns+An5gI9ESODQpt0Lo3OFiW/CBLEo"}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.16-847ae4cc05a0dba56bccbb0a7aa782c89d99d720.0_1642003213409_0.6017023856694164"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.17-612b49ef84175fa44e55df3fc934e2635390d131.0":{"name":"@unifyux/theme","version":"2.0.17-612b49ef84175fa44e55df3fc934e2635390d131.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"612b49ef84175fa44e55df3fc934e2635390d131","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.17-612b49ef84175fa44e55df3fc934e2635390d131.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-5+qmUhvVBmBfwyc6W+DpBKf5WHpQOR19Xdf+VAA0vUuB9z0oigZQCofhbUmY1mo4U6uNHSSwVd6jqdkLPDrpKg==","shasum":"ebd7b6c13b6ba5e29e238457461b701be6e3e013","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.17-612b49ef84175fa44e55df3fc934e2635390d131.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3v7HCRA9TVsSAnZWagAASysP/0W+btgIHXOhpgKs39bT\nMUR+yrYriGMFWTojBEseOItkmnWKXZZhnzmfpEezrW39eqHG5pKTPBoNqj5b\nvDINw1CgeF5UroUbUEN4V+3SlW74pM7mDM2Dxp7i0WvaFm6RDfVT4bKLeMa6\noIPNh7Hxey9Iv3vp4pd/BwUK2uEphyYgOoeJsv1ARDHeGXEU3YDNrFbhx9uv\ngUxT1fvbOChlbKBFVl292zxAwqFb2ihW5+i5DPJ8UNoCLYrALIn4TFDbWqUS\nC19Gjdw9P2FAT0eqjDGaSEx3IcC8BiO5CTS167dUCHCIdUbBV0OxLlKjalDX\njHsWQB5ljujRwX4ODeXwuJPsqg5efF3Im5Wm/B76KaIbmsArEbAaIEVFv1h4\n5mLRgiCgDBhUf7sanVcOsJ0qnQG/FPnFcwoNTPtH1X0QSc7bwLsZW5VTqE8U\nbe5BTm2hW72udqLnfUyxJ4pl5Ggnw2KUQwbyBybDVDwtuysn3VPTS0KlIKdR\nho9IprPjwvSWeJdCg37cLvYa7PnJELvvWiubp74Ua6vWQrPEPbDAOyOAfABi\nt+i6qWeHOquDfq1WPl8D50Ro1Al1FBB97yA9wvL69gUQUl+53FsziYOVgZhP\nW0xPF2JjqftrRSOBJMhnqC3G8ep2sJngmM3Y7yHUwX8FYf+Vs541RrezddS9\nuE7C\r\n=B1Hf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDNAmGiAUd2TBL7Bs3ocfS1zHI/YlHteb2qDEZWsMmkAAIgYsKpB5oYJBKMgPIjFJ17QjRuIglphZ9zn1NsQY94LlU="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.17-612b49ef84175fa44e55df3fc934e2635390d131.0_1642004167009_0.5580913010337538"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.16":{"name":"@unifyux/theme","version":"2.0.16","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"26ffc03dbfedc541d53d48d9285912dfb0e8aa1d","_id":"@unifyux/theme@2.0.16","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-RQBcKwfhnBSvkIKI/v1BNMGuIas0q1IdnHlFTCoPTFEF3so863m8MZaOePLq5Abt/bxtpmTKMy2rJahpIWTAvQ==","shasum":"c05049c2fd247d52161eb76e8191aed1c404d567","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.16.tgz","fileCount":11,"unpackedSize":15659,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3wGsCRA9TVsSAnZWagAAw+QP/jipxl62TJtixmg10iY5\n7/TwdYDbCekL4Bx3LmDgqxps+BNhJL3ZJUaSf2TJTIT62TtlCp4DEVpHonUT\n1nT23Mu1xVUjQJgXlGQuIvtT2Uir00gFujTQ4lTWVkY77IgUrB6dSYHyC1gj\nY9sDB1yt+5E402zVzkfdE2bZU+FPkXNkl+W10Hbb2XFyAHp6cN1s4kfJRj8h\ng5PJxbG10wY0SZb1K4FizEZ7gXge7gs2WrmrB7jDIx1ZHhxAHxuDfJGdrV3o\n9yyN9UWuAEjsqpAreni5XFuo+54ccOpZAG+EeQSI45/80yQHNshNtpIsh+5O\nJRrzTA9AC8HCerT/ElT265uKxuq1OKwO46dLSLzfHY8Zw+RYHymf/Vv+O150\n7TXJkDInBUNA2A/DfEicrGRdK4rBJ2WdtpE7HB28Jjg1txiMYoqVD07la7Ta\nsTDWJyFwb7MiVfUhE+kRWv1kazta9FxQX0IxfbcszUkdcU/F3ivkPeyKCoFT\nzWRHzEsJKK0t7DuvCc4HeVylXwO1mvYPoxqLvnOuNsiSgvlf8z2LlFi66ob4\nG7gHBn5IStiWyUlFXm9clDLaN5q8XxiKSedt+YTS30nqxQYi29uZvUJ4eWuK\nTdyQz011SvcXdq2LdF0kBFNQwXY4UEwZkyFoeylUbzl/ozU9E3VoyRsd9NM/\ne/NY\r\n=DB2y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA/R1PK7ZofaTs2jxp0pP5Y4PdUpGGARJmiz+OAuTAJ+AiEA3JpwOz2XUqLd1JI/YX6geu5bbJ50gsYaVHcv4Fm4rBg="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.16_1642004908303_0.9811540395936618"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.17-442a5139eb70a419cc962d4838bb2bb71cca6d24.0":{"name":"@unifyux/theme","version":"2.0.17-442a5139eb70a419cc962d4838bb2bb71cca6d24.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"442a5139eb70a419cc962d4838bb2bb71cca6d24","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.17-442a5139eb70a419cc962d4838bb2bb71cca6d24.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-ZJZSSM4hwpuDeabF1lGOyLTULbUna3yxYeZYcaDoVaggawhOmhHfel0Z/v3mSP8mVcPZ/bslSVsPx1G7J04pDA==","shasum":"a19bb42ac7c0c0e192eef9b60452386c59cf5508","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.17-442a5139eb70a419cc962d4838bb2bb71cca6d24.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3wRACRA9TVsSAnZWagAAewMQAIkfemzXvS8mZdlZeyAL\n/OohX2m357AhP3iIGAI4al1ij+VL2Dr7jH+1j1lOKCzW0W4BVELvgKZd92/K\nQtN/TviU8hmFuD/A3sIZdrDulp6593uIuMX2G6WPdWrez4+UF03JCT0qLty0\nUFbfdOBwcEMpKl3qEUJt/GMUKRc37Z7y5mN6Rd+Im+iaay/RGUmTtiRuKvAN\nnttQIlubDRAg0Gw2c+gUkpQrGftjwUBB44dQ30wln6mAgAcXrLAP6OScFXsX\npZ6RLGa/wWrhaeaTuhDuvInfg/5WVDjSlW4vOvGx0svJNdx2+aYvbcQwOlIU\nLT7023PvNFvJVhruZgx3tOVFQ69l2YFb4Br76ZvvEKQPaVcIbA55ChNk4RAe\nCT5zHNOCMgfOgDe4Fqh3hih3N9Bh3TZiReygENnBEh3uMaMe9rduThU6PiIp\nsfKANrWrVZtTQWGoj26XLQ2IwqwBDyTVfsOJcxVH3OglZ+PQMCfjL69MsKl0\nuTU+hRHw/r/LzOqPH6rObE5QSKthJL+qKj7SSFWU75zmC1HvYu+VefyFiUpA\nMM4jZlUjuC+/e6T4hpDWcHiGJS4FNMZtSog7nFPBp++ttWyGggrSZsD+irec\nveHo30kBH0yE3z0YLKpJCyjzZQXFvbcfA9RJYqQhrdvQUfZWa9gbmDE8czPD\nASlD\r\n=AVir\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCEAdZGmGg0HBC/JenvaNBsS66a66fM12UT72LIALxcFgIgZR6SBr4mF8JlOG32NRkQ3GaB1pA7/iHqES7ROEkMS0s="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.17-442a5139eb70a419cc962d4838bb2bb71cca6d24.0_1642005568342_0.6660795670828561"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.17-cd348d104810134066b87e79c0e973bf646c2e7c.0":{"name":"@unifyux/theme","version":"2.0.17-cd348d104810134066b87e79c0e973bf646c2e7c.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"cd348d104810134066b87e79c0e973bf646c2e7c","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.17-cd348d104810134066b87e79c0e973bf646c2e7c.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-7E8RESdy80N3TW6sj1L5L9FLDmlUSPP6QTR0SZ3Z6wa/5dAX9Rr/Eb40RucBueOkN+dEmJZo6iAuvwYTkEBjCg==","shasum":"fd316f68756046092c0926eb0d9574fe70ef7cfb","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.17-cd348d104810134066b87e79c0e973bf646c2e7c.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8a+HCRA9TVsSAnZWagAAT2oP/j32eg8tttIR9gqK7Mua\nq3lBPUD0L+sgfpc0pR6+js8rA8SECjuASuLBc5EQNNXT16RUi1hIkKz+5690\ncP51a/2xFbvpcxUw29HnfeS51x1UFChlofoIir/d98VHjOiU/jf8gb2iAWMV\nm7AUltg5ZfrR1uh4voJDkGcxq21jmMx6206hjO8AOPeEhSUr/lTMQKXgoh79\nQjWS2AirlQhISHL0jTmojaXVKPbZ7NualsN7oxKO9W/YyCMvweSRMPCUc9nx\nHoFqqODmGG7bvsx23RrwTwfqc99wm0QAQGHAdYgYJBBE7UhaqsXL4poMECL8\nZCU33spqfHIEQASXHy4dszwTwgA3uxWcYyd7Fpn4eU5W/mUt+mD0bRpP59lH\nL5RUq/AwiiycdGyDt6X00o/7N1zbdnvBorPrNmOPQEpgHwQ+4EIGqPYCnMIS\n3wDbWCDuFLLy3y00i7FAvKz0NwFlOLZC7PxBJ3oR74LjA5ps7hutZK6U3OPJ\ntadOHOJkSYzdB+jk1UIoTAD8DHPwZfoagQAvMbSnxUxrOdcHtGeZi5svUBOk\nK9KWFOLZ0ot+qNHcWnavUmvq7lVN2XBp+iuLLKXopn187vu5fYCNN8+Seqbw\nfjYnEvwGEy63lp2UApievNnz3Uh5r4j2kVi863XeFRp0AUtJwQi098J0foQT\n8zxp\r\n=alhu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB8M6gBXiiAFRBBfYSN290nod7zJwKi/jm9Pz+DcOgOLAiBeKdqeiBBH7/iA9wQtipmFHtPnB2BskrLOvvY0ijZMvg=="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.17-cd348d104810134066b87e79c0e973bf646c2e7c.0_1643229063041_0.3013883181439132"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.17-fffb4e3a81a292638e7a597921b7a6c2ebb56174.0":{"name":"@unifyux/theme","version":"2.0.17-fffb4e3a81a292638e7a597921b7a6c2ebb56174.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"fffb4e3a81a292638e7a597921b7a6c2ebb56174","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.17-fffb4e3a81a292638e7a597921b7a6c2ebb56174.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-oMmTBdM8KHMN2K8dlkr6uT7a4WxpKe5A7BL9WKNl+lWncUW0k5vtnvPlHueQzv7UtslvUkYAxLmj0sjZHQbGBw==","shasum":"0881f983afea59e17164f9492d5229e1a49dbf6a","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.17-fffb4e3a81a292638e7a597921b7a6c2ebb56174.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8bw3CRA9TVsSAnZWagAAeVkP/i9KXUQDBoMdCBu8Xt+J\nqnjQw7FOotoh3lSNYuPTYa44gd/yL1WZv9fxz+9kR7e5+MC51X5s6C5aHSXi\ngSP6gjcqwoTGZ89sFxMnRLrE7A30wUe8dxyWETr4OcfADc29/s5hscVK1GIo\n3CCyLnwldmfVFnYA2Kres1nPf4Ejmc9mNU1aCTVkBs+5Np8gJZU5onO78X1M\nxv0kkW35T3l1xMiA4yR8tdmF9LFM1aLAbTSWU2OFUykvjThYgW3Mnd/fBXJY\nGsQRxqohrDXDbFvhQyvCuxTJR67EQmL/oH2huFi62rEUrp7jgmekZXJhX1YJ\nTc96d3TE43H4TIi61pzRJtPH03skKsFojBhayVsKJ4HmeCBFV/pWXAlGJlT4\n/a8AhGarKqKDQFHU4qkYmRNw3E+JiyqqLJ71xcn5Qumv8+ek16Jke50FLv5l\ne+Xm8S5QZlnGtfcilp38FH3UUNj30cQ3Nrksn1mjO9aTHBuJQgHUehos6YaZ\nVOERxnxlR0cbU+eqD/Pc4h2Uv+dbfEQYPKREj2l5sKfSkyUqkBpY/b67T3Rv\n0Qal8KwiZBefKA5LWpmV1unSxvCyBkR86VjsxUtFPmzXktFeJ7ZD+JP56W2Z\nc63RbK8mBgav4uFI/zfaWJ03hmz992GvC21JsimY4hS9TvOeJrgH7Z1SPJC3\nLX4x\r\n=XIur\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHef5V1p1pk3Tjmg/iOCPrpGuxZYxSlwfF0Hph29d5baAiAYdSIGDYDgtdzysCMU6acO9pm7M9rmYNgIu+14CeTKsw=="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.17-fffb4e3a81a292638e7a597921b7a6c2ebb56174.0_1643232311450_0.9012200934530907"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.18-3b90c05572909b0711ad7532035fbb817127c930.0":{"name":"@unifyux/theme","version":"2.0.18-3b90c05572909b0711ad7532035fbb817127c930.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"3b90c05572909b0711ad7532035fbb817127c930","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.18-3b90c05572909b0711ad7532035fbb817127c930.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-+CMdEPbpNdx5NQS6ug4cMzzWK8gAUgrvJyR4CBEz50P9OiXV178ImRnBOMwxHOsx7DZgsoiiKM64Am+mPJWLVQ==","shasum":"d5b4b97e8c00b7d79cf8813b9affb9518c5c181e","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.18-3b90c05572909b0711ad7532035fbb817127c930.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8byWCRA9TVsSAnZWagAAlqkP/Rtz2i44Ona1oIkTonjW\nHpjHOgqHrqO4Feb05xxd24JVePntBUK2x/KC5L5/ney2Wywl55iZPS0cZp6w\nu0c9k5mXUppJC9KqlMsOM9TqaeZZJr8sgba7/2b7WYsXrrglifbIgkoQfigz\nPuZFQt8db8PL3UbynT8sC4xrscbLC7ITMy1UuIGMogbaxBeNFfYo1JBscZy/\nqvLFPJjMNvm5v1zxmn+cRqaX/4wa4fY5bjNcLnwR/lZSH3tjn2bJiFnmfTDz\nx/MvN5cyqtkud1oN4FvdDlQes7I2qGg2K4EJdxro9LItqCrbGas4mh6XHeL4\n1tDgPwPSZ8TIzpU5xRNLUHrRpl+bBf9BgufrsIDsn7qG+mk3di5J2r/vmoQ8\nql7K9Bg9/SQV6qcKb+Yr4MGZNhe8tjQ/aodYZ1WVwc5ZugSfuM3OcanSXLCz\np8JT2mA15c2dcsCnHUcT7usz4CxPitUv8iM7k8KIseiKK+Z7keoo6vDowgJC\n9eaGKofitiSprIDHFFzwi1VIMQ5iAmZnDTSeJSXj3wjmeP5M4T088YBxUB0/\nJVqKisSbzywjIZfxmDn34YrqBrBaA3wC1CTGohoZvikQ4k/oovdR2GBjv7K8\nI1SCHoVRkTFdSkk+FzJVmPinfVOjJ51v955yOAnKkcK2hcAlAzPOCJFKtLDw\nJL26\r\n=+T4F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCkaw9Owyb5XKbLXUV52nHSTOQSLKGo1aDu9Ay0Vaa8yAIhAKLYU0+6n5fbVTGtnPPFCxykxEqMRSJ0/aVDkvsx8KLg"}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.18-3b90c05572909b0711ad7532035fbb817127c930.0_1643232406526_0.753088926528904"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.17":{"name":"@unifyux/theme","version":"2.0.17","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"e2a52de79cb3812d98a382ab77379d4f58975138","_id":"@unifyux/theme@2.0.17","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-8h3h86aNKKjcVgEabdxXV+z6v+Xoqesw3J+Ywqk/mzdRQMv5hjW9SUn+6WunDAWLIQ45U5ftzfwzPS8bl7T1bg==","shasum":"58513ddce1847f968f324beacef6d5706d15f938","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.17.tgz","fileCount":11,"unpackedSize":15659,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8cAtCRA9TVsSAnZWagAAoUAP/AogVYLtnQr8a6n/gDxQ\nXf4OcDr5ou7SoQ+4swPMFjx7Nvk7wnjx05RI3DpXvmTMHM9Ir/YdExnkfesc\n/c7716MoF6vKN8y1Yr4RfbEdyiZMS1f9qJjyvu04O13bwFgLPf+RqlT80pg3\n5RAwiYbir4TzrueiLUjEGejsdKPdqhJGhSjW7uENdSXWejLc1NR/aslx/pS9\nXEV3VM0G7VUpDmwd8qA1uplOLXSmVh/fANI9xBEHVXw7rsBeV6vfbh+Xj2jA\nNAccTSEhnYQ+9tZMTIwCTI44ko/6Uvgw8j4ZVi6+aDBDA4PgcC4RbYPoC7fR\nvunsZtzrmorYu9k+Bunqi2nYtvDDdPBhRrKyVlSsYRW+2At2fW68+7m6h+ZB\nOHpL4c4rJgQSbtAq4Mrxzb/3kdXlFL1ord4JOxfeO3MGGsqjVDmgpix0V9PK\nHfBAPgU39K58wioGHzhG5XIfidUBrv04rGlPoEI1N6kPSlAhGVQi4/v6yFc2\nwDPqQtcxO4qfvUv/ehqf2pUn4fU2Bd2piMMWFhHUXwsG/TsW46MmUgpaQKo0\nbfn4nRqqUhtUKukI2SbSiNoBavRra/qm5FMMZUi/wgJst7ol+QEq/Bw+gEKy\nHOsuxvt5tw8IAUjpMlSU3O5smv+SMR1C13DuDsTzh7Jk/ImmkeN3nG0XYXNO\n5HRm\r\n=HsKX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6gtQxQMqPLCoWj+CYcQlFLIJ4RkC9WgRH++OE7oH+TQIhAJSQHtDypoLQj4GHg9fC7I66OGLkcP8YRUfBuItpl2Be"}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.17_1643233325757_0.6305167398573119"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.18-9e40319f57a8baf831e30bb9b0edb0fec4719b95.0":{"name":"@unifyux/theme","version":"2.0.18-9e40319f57a8baf831e30bb9b0edb0fec4719b95.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"9e40319f57a8baf831e30bb9b0edb0fec4719b95","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.18-9e40319f57a8baf831e30bb9b0edb0fec4719b95.0","_nodeVersion":"14.16.1","_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (linux)","dist":{"integrity":"sha512-zwtOdYZ5nz19OC/fOxQVMk89hWhdBpyritsKIyLtuKAKL8Dmfm6dGWn+qZ2V2W4+MfOcZk1/SGFZHhwq/XGNdw==","shasum":"3c84bc761bf8c8596162e7833d6aa6feb78417c5","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.18-9e40319f57a8baf831e30bb9b0edb0fec4719b95.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8cLKCRA9TVsSAnZWagAA0dEQAJoM4Z+EdZkaCxVPu39p\n45C7x0gTS57T/n/ZLulBtIvisJrocXfBWDe2SxsXeIDw5feWu9CUpic1WLuK\nQSfrokC7Z8qyInuGNDVhs+lz9/WB/fMZ91FqVzyTLc2CFVmVwL0HjKfGPVHA\n0hAYzi+uuFmeJ0juCoF1zlgqFeBevn2wNE0LTzkQCmGKniAVse4/i4xn/KN8\nBbUwV/8buKnF0nlAr+wHPmKZuGVs+Y3cWWgtQrfkhOyrFHPLy98MlpqZYrwK\nzyD7oULojHPNC54A+mcsa26yBjvQxCPLSu2Wk8N1f2piYmwc0fxt7FpfveKG\nPVzob+dTwQ2fMDuYZoOmF5tkH2e7KlThZfKAu3NkNIin7VzL1bcp/VgN3Pep\nDdCfYhJI3ugcjtB33Haob3aZXPaG30pytWXAAZuah+1tWd7RmI+MWhKhqtkj\nvtEfvNH7+PBE93bAZmXAVCHVXYLfVOHt7J1VakCjKVrV2BmYF8PpYga3/lG2\n08Sc+AWntLg0XOTq7PwpKExyvXHlWi5k8UvFNC0IlNL5ygqsxpK0rXLu5Hy/\noeBBWeDUNNT8Koy47ux6sXSSxPXmUqIfFsIsnMhRzpd2f4a+AkT1EK+LZAbx\nvaMNkwXoaQRo5H/f1c1j5LiGsaxCNl4IErEw4+kzAQZ5mD9mIEms5DWvR4lt\ns4+r\r\n=96Mo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFBbwuExyfrwv851NVDounA7hCwDrkJhLVLaqEO1+1rAAiEA5mwRTK2ekT5Mt6Y7XyMof/hWIjaQdfKUsEQRlWL6Jg0="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.18-9e40319f57a8baf831e30bb9b0edb0fec4719b95.0_1643233994146_0.12829311370656882"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.17-f68b548bc564ca74f95387801d571a319b95b724.0":{"name":"@unifyux/theme","version":"2.0.17-f68b548bc564ca74f95387801d571a319b95b724.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"f68b548bc564ca74f95387801d571a319b95b724","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.17-f68b548bc564ca74f95387801d571a319b95b724.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-fqKJLBwcRlB56mnFCVylu0XwEdrCgM/BII7JBUDbplodH5NAhc2GRPpBhGxQI+FSVsj0f7CFnp25Fq/Ed0by2g==","shasum":"8e9d4a0df9fa61d8b7c8a33a1876b79ba0547e93","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.17-f68b548bc564ca74f95387801d571a319b95b724.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAtMYCRA9TVsSAnZWagAAbNkP/3LZBsyVp+Xx74UgOQUe\nzxTTzqSZ1l40Ya0VQw1akS272bravFgZkWrY8OW7Re2rBPRJeC+SyrrXJ57D\n+KzS5ZjgxRbBuiBbCd9vpycWcCP1E5AhQ6Zxl7FxIN798K2C8jDmDCjfUnKc\nTmbiKoMEiWwkatpMpmdrFf1zKf1VUQU8Rub2PfPFBGCz8tC4AqwIiF4gvuwr\n/jpKXrt9RfCXsksPRjzqjM75wDwwDdNV0Grzse62uE206k6raKt4JCNf09u9\n6s+ujEHFOCAd53va5TWmbK4k98MFxemiehefJZZWWZXUmv7hrN4M6krwR3td\nfTUDxSYONU9lIclDNLUSZO70Sk3vj+YBTZowk+0uzpf7pyGL21LvjIATUN0l\niVeOGhuJsEnsP4+IrM5VflAOdjFDncFcCvb3432J92wHhGDT6gO8N6rqoKRn\nj2AAS/w1DUKWNg8gdGBnzA5x0e9V9geJP8d65sb7p/del/k+shFBu/RMDIfE\n6J9VKQNGcXqgF4jfR3JWX1zR+YfD/WB/NA27C/NVjIdTqtccXO/CrD/7P2mO\n/G1MGvtzwN7qNkvVPrFxnKtMzC4neeRT7XzjleB2jS0KodbmXSqYMUQeVFv7\nyOBb0sWbyp3hXeQAjWCPgyguMroKtwK+obw/td6A794O0BcEOJ3IYRg2Oxok\njdJc\r\n=iiq8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDrEiyp7l3LKpXQd3/ZDh8RBXBaNg/Kvpzacf/QCSk3+wIhAMw3F2ljtpSWaMnMDATBOM6pCo+8QqX+FLH3kV6tuf/a"}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.17-f68b548bc564ca74f95387801d571a319b95b724.0_1644352280458_0.13097165118729537"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.18-ff6f6b78be09b0eccdf7fa43f8019cd1ad49f9c0.0":{"name":"@unifyux/theme","version":"2.0.18-ff6f6b78be09b0eccdf7fa43f8019cd1ad49f9c0.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"ff6f6b78be09b0eccdf7fa43f8019cd1ad49f9c0","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.18-ff6f6b78be09b0eccdf7fa43f8019cd1ad49f9c0.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-Wzui5Sv8eE6Nsxp8h04ePi/RkNsaABTMJOMsmSYCYu2gTLvH6E6IVbmwtzkIBxwQyNziGKwfVvFiWyt2Ac0GKg==","shasum":"debc62aa5f3b6f3216a39674540981791e1eebea","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.18-ff6f6b78be09b0eccdf7fa43f8019cd1ad49f9c0.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAuXiCRA9TVsSAnZWagAA0kgP/j6oKed2mFFS/UmYjOZu\nfVM8KIXMkgzANEFloAFqVUjXAo0zdF6B9hCusuMkiEafewUIlF/pIbVEozUa\nUKYp0Oz6nU3WKgFx85p95YRCFHG27q4d5ZFJrJyB7msPrRrMOeV2NUTKabP/\nH52onB7lyYMABW235auig3bZuk3Qa2ARK6YwryhB5sgQ++o+vRSXoadGuF5A\nXdGgbHPKXzKLUkjk2+R965p5nFLF3JK83vn/F6GmgL5WnB1GZzbnrI0xKKkX\nHRWoHINq5BDXGx7j1Woa0qmAefEOgQV5jQoy6L4XW0N1xhdfzxWkYSX5Pk4m\nnUGKwRBlpqBkViCxawuJ2RayQKJkOQvMJP3so8BZo+mcRUp5dgj6gama4yV6\nIT6LfibE9dPHG9tSEGBRmjKiinxgEq9o1ewxbL4otT/87vtJGqWTe+9UDYh+\no+j5y1Bjq0K18nAsEQq/JHZ2J+4ARYh6/7stEc/evx6wlo6k9/mAGV5egxMr\nM5C8eBjcyg2ChIepqpGd6axCzV9+VKMLWkYPwIsQxHKuespapD1O2VZKk82P\nuCi7/QjbK27Q+uRUMh5zlNqIIiDS7ZW30mJXdQwidDrpoZQZOCO8QVLJG2C0\n19FJpaM+yoqPscrdBOQL4gKQPy9bRs1AmWwVjc0H67FCYUk33dykIg0awNuo\nfo21\r\n=e+/J\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBR62owkPOHuK/QreII78QbC5HDsaeTKBRevl0jjUDJlAiEAgqaxCL5A4IG6WATzzJBjJtxXzrjbrVBpgs8rHY+ZoCw="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.18-ff6f6b78be09b0eccdf7fa43f8019cd1ad49f9c0.0_1644357090439_0.6794940054917842"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.19-2aa3b1aef411d55bcec5e1c8c495d3fc0ea438d1.0":{"name":"@unifyux/theme","version":"2.0.19-2aa3b1aef411d55bcec5e1c8c495d3fc0ea438d1.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"2aa3b1aef411d55bcec5e1c8c495d3fc0ea438d1","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.19-2aa3b1aef411d55bcec5e1c8c495d3fc0ea438d1.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-jOY//TVY7KWXV7/9b142EMmetWCBz0I+t1EAp4Km9G5qZMdN0shrtWRQP7W0qILiW5zs3idfVEb6yTm++vckiA==","shasum":"9218f2a3e50a1cb68fcb05c163e8eb0f74b7efaa","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.19-2aa3b1aef411d55bcec5e1c8c495d3fc0ea438d1.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAvBnCRA9TVsSAnZWagAAqgwQAJ7ZkeixuaBvHIoMJqZX\nOGRRbdmlNiWhI98knzdw78nnLep0bFRc9/b9SiaUZinloj7HG0RJUzwIFlXm\nTLXH0E7m0oiTt2jVICvyrBGI+UImXqdyV+N7HhQpId/8A+lySNPcACJzKml1\n5jfyaPzSo5cNPi2pNC60V9mMW6/eoUCkEt+i7da4AMSitBVrrvBqh1Gg+gcK\n8ytIkbuwk1iDoLOSqP+41mBH1EulNmmwDOQXDGwgTZqO9FizAeB/7gTkT8OD\nFgfb48l9Hw5ebSHqH7dQq9IzWEvlG5Xsa74yTuZpxa5ugxjRBg0qkrX7HPMy\n9OzbxdQyR8C635pGVRuFDfjaj3yV0FuPFkyRUDag9SRLfqoQIBrGClG+LHPI\nFU4EcQE6i64HMUIDPRJK5jvyZ9MeJYjJAIyBc6Vypezjnjp7Zei0KjdUQBRK\n+P5BbRaxOYMVxoBQX3GFSO+jC/3hVUCkHs/AYQK45v/uwOaV2UT6yC/CRya3\nUEPe/Ue+8lYziwzOOPA61Dil1YNKJNmz2nc8DQXNH9y6Gvn5kw8pZc4WabWZ\nbC7YSNFi6cPm1Io3/fo4IHt7CFJIYmQuvSHmimdn73bi30qIUp3lBkk+FtcF\nDDzoU10SK9ZokQeRQUu/ZMOxgAisRhyM+x81qlxTPfE5/R9TTpT4EYvzCLwF\nlwiL\r\n=UzXI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCN7zB9ccI2LH3cIKvTkecMf3zmQ7/pUair7oQsrQzoAQIhAKc99Qm3xWsRLsHq/ZsAl2z/Sx0KA7YDogS5R1oOPfp6"}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.19-2aa3b1aef411d55bcec5e1c8c495d3fc0ea438d1.0_1644359783268_0.8276022416128168"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.18":{"name":"@unifyux/theme","version":"2.0.18","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"4f4869fa8350d5a4a8d2fc06b8f1b4967ab3050c","_id":"@unifyux/theme@2.0.18","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-MkrIFsoYW1bm598djSjLbjU1UsMJf9/D7JvAxe4cBIaoV5fpAuhgpunN4w81GDScV96ye3WT9YnZuV+yb0Qh7Q==","shasum":"9ed6fa2d593a0cfe0bd6c193713b063041271614","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.18.tgz","fileCount":11,"unpackedSize":15659,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAvXkCRA9TVsSAnZWagAA7vkP/je85rbDWDFgoUlCNPN5\ns1JPc7MYIxRMAzarixnOl35lK0+jvsLwM0odyTPHwRCcR8LrkJaD7lT90LDQ\nqKWZzmU2rIwOTDSpYjb/uUMfdqpuuIwtzpM9wSYmuyeNQSNK830ahLmLgxYI\nr367su6e0OfKgL4uUfx5Ugh/VmOjOnn49ECMov9n0Bxw6aaO4H8TtuPHen2s\n4bhqMuGZuytDEFf3Jn7hr4TqLkDSnNjO8+xwTAydiJyivpiPV8+WH7MzazJ6\nKufTaEw0kbLcwEGPAXoYDplpcAqa5rIpmrcGfJA9Wm2j+o4aCuXp5A8Ggk6l\nKWKRwQjUhT+93clkMhU2Bx2uSfb2m9/VRalB2RD4q2ppoOjB5e+vVsEQiyPV\nmTB7wPK+kgMlujNrjg9nA1sFCP3wyCi2LdNwBSw9IeYwtdsqDoMH51oaX4yp\n3sW6tkfl2aGv1mvATXd4nMS/lVsdAl/JYOrNyTPboJSjuUXZsuME7AeAijXg\nKy1RMMZtsCtNz5c7TVm3W3TD64dXcEcsy811PYd/pYbz8BRshvkA/80Y0dSB\nMYRtPFYNBLmxzfMcCXfzthPfPuKxTADwzM39q6fymyBaL0sfgk0RLJApuyC1\nIjbUKh3LXQRZRqJ3EukESdIqKv//HHxBa4V7O/SN50qEX7iWkL1UNxhdrOZL\nvKEq\r\n=kzk/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA4gni9p6KGdb5y0d0iyUs4d7ZRrQx2h/8IoUtpYHvHSAiAqK+n9FRUUlgx/fOex2LDjyXNq6uhyB4soQUM+xiKBvQ=="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.18_1644361188844_0.39765768541570146"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.19-def0c56af4a71e435f6920456e09a945598413ea.0":{"name":"@unifyux/theme","version":"2.0.19-def0c56af4a71e435f6920456e09a945598413ea.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"def0c56af4a71e435f6920456e09a945598413ea","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.19-def0c56af4a71e435f6920456e09a945598413ea.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-Gscm4Ih6Gzc62wpLTbBhWfhxg5rNfUrm31ALVXMW/BnhI7MMH2Zx/i/GFu5ZIPTDpgzcfb6h5JIhCb2crfv7cg==","shasum":"d6ffc9e4ccba9c76cd1965a417b90b3b345acc4e","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.19-def0c56af4a71e435f6920456e09a945598413ea.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAvorCRA9TVsSAnZWagAAhoAP/jquy8/XZA2A8MYdd18K\nnAuU6nlWse2wpkNyOFJIqqzAlZe6KLEA7u+GZGsx6ccrc4bwuuUKoJWZB5/i\nC9Yo3w9MaKXKXIuz5X4bXz214fo8OXQhxLEKjldymYG2MlTzR9CZM3MmgXtU\nC3olgIni8T/LhwQIjsFSyB3t1EiAZzPO8JlFnoEtxxtUF/u9vj2bPamSj0FC\neq7tt9+PhYqIM2qymtsV3JszWpyY3CbVt6LojhvvivNreNrltLQshBB1d5kz\nvS1+HujoA3xYRf8nkk7o+63IpyyeOZS8bfojb2qMgFpVkB1FNlKvZgynl+DS\n7Vif2AAs6bClcJ+L/lXqUZoV0HWN1Qxsw1lNAAEYmrhGRwsZqUoHFFPsEWrZ\nZ4503lebi2ylDPzwqYUYRVAyuM/v0e3ueBYPxETpSLGOWkUjjzkl23ximPzZ\n6Bg8vnO7FtZahf4RGsdauSze+28/XFJFYQYR0+TrD4ZrVXANhNxMVv0BQ4/h\nxkONQQaPrZ1/2aDw9VJo91I2FXJynDvde3HQ7EW0lP9V/Lgx6ocXNQE9gZYq\n7C6uBkVceWXPQSvuw+aPoQtDndzh0HEIgWLiT8j9I4zSvJbdNf8zCFLn1C5Q\n3yyDoXjvmLnfWw1CAreVG7f88SPvquqpFKD2hsLGKgvxE+91zOJecD8XUeli\nYQls\r\n=8LsO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFO1IkZdcqXEZj6NrqrYV6RaZ0N+BZgDUROq7IQYNfaQAiEAhu6nBx1X6JPXPbJFDusAzGdxK36YHvmTBQeZ366wjag="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.19-def0c56af4a71e435f6920456e09a945598413ea.0_1644362283628_0.28055651783294033"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.19-f88b670a1a161cf223512f6ef4eeb78d04740cd4.0":{"name":"@unifyux/theme","version":"2.0.19-f88b670a1a161cf223512f6ef4eeb78d04740cd4.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"f88b670a1a161cf223512f6ef4eeb78d04740cd4","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.19-f88b670a1a161cf223512f6ef4eeb78d04740cd4.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-OB0Xue8YJADpzR6ntSDDeUQIO6Z7cipsQruHFCNAL3kVVSEuxMTYfxHwfm7expfZGADhaVdG+oxn8KrEhc0o9Q==","shasum":"5d9b1520c33b185406f7736b630b7eb7170791a0","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.19-f88b670a1a161cf223512f6ef4eeb78d04740cd4.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiJ3AdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqpTw/7BIUUpd7UJzEQ+WZcctRuC/yNvimKpk+uhtVoMqi1XTXsRE3N\r\nC6ZljatyfVKsgzh/iEfGv8BPSSZr+hQSUr/vYbKOfLIcvBqFT4p2C4Vw9WNr\r\najtUWOrTNyV1R1rdInjXm5CzvgcHtTJU90HW2hM+RdQQANy/ELUVjzvflMPk\r\nrKOFsdUUIXdHbNOB1uzrrdr5qJhW0SXpVsCC4XbFbAFii/NvH3xuL2MShbmt\r\nYZI1+fETXTMOpmI42XUoc4doxWH4j0jJvRtCg7CM/zgegSJTW/8CQTPcXYAC\r\nJ+NKcQT5D43xwh/AKzeb2AuIMWkAx3UkJ0AgufB40Ury0qYG1wJ5m0gRG+dM\r\nPi6IIKsahuVAuM1Xrpek0pR+Z1syuTk7JKb08s+aD6WqR3f51vYud9B2tNsm\r\nfoV0M549TVFHELBu0kdUtyNKc+qpl0Iijy3baO+EE6ve1fXqrWbFoNrEzpfn\r\nxvMWyPMkFv+GmSHXn1XSYk85HFWS5Oqpv7v0wG2rm3kcrnmR6A5idmo+x9fY\r\niav6zIU0DBEtF4xfj5KiFxZjxM+jGIMFO9o7+4msyI71JaAvto9sNx8uUpU6\r\n9KM9RmfCmsPIHamXbgBX1IknO64iGzKkleWxIrJYpOZ+8PQJ+IASjhDlourA\r\ncykCSs3STds8nLin6DLgaC7dg13r/eWr8Kw=\r\n=ARxF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDeg1G5mGd1Io+RfJx0s5oE8fF1eXwErmH8BmQ5/uQyugIgTYgS9oiIyJbYsYXxoAaOb0c/ronEZ4WxLHks5c4oTRo="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.19-f88b670a1a161cf223512f6ef4eeb78d04740cd4.0_1646751773622_0.5868999849568617"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.19-c1eb514596e1389d4051e51be66e8f666500d184.0":{"name":"@unifyux/theme","version":"2.0.19-c1eb514596e1389d4051e51be66e8f666500d184.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"c1eb514596e1389d4051e51be66e8f666500d184","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.19-c1eb514596e1389d4051e51be66e8f666500d184.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-9QmNoN4gFidncEuu5Xwxml/AoZF7doYff/gj1V9t2Rx8tlT0wvJr4lnAL618DJp1WXxIXkmYKiXHYkFzyzEIBw==","shasum":"f5277f34de1709f4a6e52b53256f0736e210a94c","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.19-c1eb514596e1389d4051e51be66e8f666500d184.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiJ34bACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrOsg/+NPsPRexeZxJzsPPjadmBlyzNUW2hFb1kpMW7AA+ggtTWSakr\r\nXbACLNkCM9rg32ZnQArmBQ7a2H0j3xF+KOeUEA7pJYK6rrvsZeeG7M97O9bs\r\ny9VuqGsuuBBGjC++LjkTADLDB6XXBSd1OwE7AS7FM8N5pW6iwgQ+qKd72AT9\r\nOx8/W22Y2QCpqO0XTBnBHDvjWvFyP7SqqxNd5NJwr19NN2OcVxKAPq4FuRdA\r\nns9bPhnzmIo/Z/c7ZYfD4AljEGSMpv0MzH8pG+AefNSqw/DfILQJZt/jVX5W\r\nfTM9WdawH6uTQqUW0Ecx6vg5UA/ParlRx05oI23nqywKjFYMEQ2rWNItX2zU\r\n0AAGwxLuq6WQ2KJMpu6MesNJlrWFl62Xnl1VJFUd1b2dlx1Z8KaLgGv73cz9\r\nwVk9Jp1xm+TsGMqfcDsf45tTmqxpYLmScKLymQxPhvGtmETGKnWAHoCr1Rwp\r\nGx6yiGSWNsH/w3T+62dj1xLYLj3daVjhvq2mSR+HBgbLgTLuUSTVHyAudVEk\r\ni3d03Q7WupstkbRzAwgzBNjXMhp8e5xLJDndOjUfpWHAK6IGhRiaiMrm2DdW\r\ni73nyZRhTixeG0zWTwu9G2DbxETWKQUbjNhVjRENjM5CjZ+iITmR9n9dNFs/\r\nXaVpzNjkwmRFOzxAxUtl7Johi5mOlq2j5Q4=\r\n=Omdx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGphgVyvUnfFU/saWibdhHCwCoo05z+hWKLYv6LHGxNHAiEA/RojgHrYeLwHIIqmmflMETQ5mcRAhw757vA7HUiAs9I="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.19-c1eb514596e1389d4051e51be66e8f666500d184.0_1646755354888_0.7244135935103844"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.19-d00c773ed84f4111f9178e4a6ed1aca33202398c.0":{"name":"@unifyux/theme","version":"2.0.19-d00c773ed84f4111f9178e4a6ed1aca33202398c.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"d00c773ed84f4111f9178e4a6ed1aca33202398c","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.19-d00c773ed84f4111f9178e4a6ed1aca33202398c.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-wAZ1pk8n/2Zu8LQV5+QQMsAIVx2DSRfQyb6Qptg46ub6lPSMroMoNrc8cc0tbKA6gUu/Mr//Pc8ZMYtEzcNhyA==","shasum":"47f9354f2e0b624c76269dbcf2baf6d0cb4a90e9","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.19-d00c773ed84f4111f9178e4a6ed1aca33202398c.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiKM8PACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqIiw//ZomrJFTUffjA6qnoYANvxudmbczDuHkkjpSdH4poevEWQM8g\r\nS4c9YpNsbfST262mPvKV/kATcLIK4oP5uNPDgvIp85ZBqwiFHjc2rx2qmabd\r\nUbkVANCXBje4X35PguaPZD/XAttF+f8JcqFk5qz54IIm9Gwq6bBHRCAVJhZA\r\npylk1PnqktbwE5l2yB0SzJiqEkvndoPY24f9BkYXhY3WpSGN2X0mi56mDGs9\r\nk7PWNic52Iqopjse+v8DGXe38fDx1SkWB5pWcKguSeUfXVLb3CGnJxPPGSlf\r\nplHodmbN/XlV/Bh6peh409j5ahSOAQ0zaipyMl1KED7oKP9UYuPcsy0Pzyd5\r\n7kJCScizX6o8jzLUImKQPvQilBqYWHTNIEUHaGgEFwEPXhtn9bNFRlBgoQMB\r\n4N7Jx8/+pLcZTmi53tzjaeAad3iuu07vDBdnH8mDNd1hYg85Csvm4zhZuJf5\r\nGA7HWmG1YPVTqy96ee58K4LH1cdB+NEbhAFvm3QZaaDctslbsJnSrDWc/NbJ\r\nk4CrY+zMvj1RmheqwUYf1StTa8ejm3DZkrt6Zdt6xLO0hF6tvpLMoYKH3BRf\r\nc59h1fxfQjTLBMRkEE4DK43nEZdueVJkNnfHxwe2hModEgYs6gJV6RijHSlZ\r\nuUZIhCQUsozpd4nRXZByvn6i7+xvU8Tvv9I=\r\n=xz42\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDfwADMrFME8zPLYlAQ4nDtQJEikLfundWEvyPn1AgpqwIgYaXtkGBH21GBy3gheP8Yk0OAk5LQTdMHsr85y3eBGxY="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.19-d00c773ed84f4111f9178e4a6ed1aca33202398c.0_1646841614943_0.09647572910514746"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.19-07dff60022f59ee27a72a253c77a7f1fd7d5cad4.0":{"name":"@unifyux/theme","version":"2.0.19-07dff60022f59ee27a72a253c77a7f1fd7d5cad4.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"07dff60022f59ee27a72a253c77a7f1fd7d5cad4","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.19-07dff60022f59ee27a72a253c77a7f1fd7d5cad4.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-Hzt99mpVrH/1hhGfOHrIdNAkcyGCC6SKNIuT9Nd0CISm+pPofWbuSxZe2oG9MW0Rb/bsaI9p5xPn1t21tXcMEQ==","shasum":"9ac69ebf1d7638d4d11b9d4f9cf6d51d48d827d8","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.19-07dff60022f59ee27a72a253c77a7f1fd7d5cad4.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiKNyvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmowCQ/+ObSgSpy7snNlrFa5q0qfRmWYyVZViOn3uU6VAd5j/YMo7YQ8\r\ny6t27/3D9IirB/5o87KHdz3Qfq68OsUjfSFy+5RkjoZZzARr+KsGFEgHbGdR\r\nRgiX5ncGLHyLtmQThFQbmEguPmjYtZ+CMJbCu+QpSonTpI+T82/QIFm4NWuK\r\niQrbJeDaG9LMoUsBZnS/iZw0FVx3wU2/J+lEAJZVstKYO3vtXeBttsC1gBNp\r\npEUXIqAajx3GlXyu+0+obDqZp7lVaYH/EUrA51wK/jDqAda1rl3K+9i8SNPf\r\n00uKjk/L0UORhKB60Zx2ZxZE7nkjG+6x5dAbb0qsH9SGwxVQzQOzkp7fQmRZ\r\nL5KQcCYCy7bAx5UI1dB+nRtxMY2upgF5wnPsOjNzTQqR9suBhC0luTjyFxFn\r\niFO6U1JpIn5BmiGCHZ7GbCOxH6zBROxBxrYpE8RUacIUjxp+ixa0DRyl3bju\r\nUcGN/kZ/eOWcJp4AR4Mj1KsLoPoZXJWVuhQDrqegBOraP7qYUCQ+ho4wxU9v\r\ntKZFUHvjaFdfmL4BIOrWxwRZpWRoEChE8k9Mp5SuumMMXpv5e5UR5LWE3OzO\r\no8t24uOpf5RUQbDrp6t/XDMRb1gbaXX/SB1e+CrXO1rf9q8Cfu7nujpDMZs2\r\np4xnGokan/JMOj6DI9JrQFBegwPdKrtPRsI=\r\n=K6SG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC7Xzv0e68Gljrfg6uZs0eoS0oQULaFZLdN9F1vtGR5KAiEAgxLvfthfEpi+SKb4vWTYPcgSbMzaFhbKILWJ84dVCKE="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.19-07dff60022f59ee27a72a253c77a7f1fd7d5cad4.0_1646845103800_0.1578335506527424"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.20-47d0aa90c7bd811e203236ae9c28987edb39b260.0":{"name":"@unifyux/theme","version":"2.0.20-47d0aa90c7bd811e203236ae9c28987edb39b260.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"47d0aa90c7bd811e203236ae9c28987edb39b260","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.20-47d0aa90c7bd811e203236ae9c28987edb39b260.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-/9rRB7+XKeoEMy67SzkNXzs1zJ8kWWswY3Hk/dHEjH6MsmAFpxh5WP2lyMpQY9iy5c0f755/KvO1+9EhrFFMug==","shasum":"760c2cc28420e94ffd6cc5b46d57a32fdd8332f6","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.20-47d0aa90c7bd811e203236ae9c28987edb39b260.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiKkd1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrY1g//UFtYLy3VeNbOJa42WrkfsrtwWjRM6cQbqMh73WXp0pa9vzAQ\r\nNswL1PUb0Q2wQ7ajooh7np61KtcpZAUYoDaNF/jBMbM7zLokVHEWwdq7iSXp\r\n+IL4131H6UuUK3dYUwikUwpkV2eCK5wGQzDovKubyyCwuFLJW8HOV4yfv4HN\r\nc3Is5eYpZgxruDtjhdz/M9Fi0NxIIc5Q8pRUiEI/K3oyZAUraznp/gXPin12\r\naM3sgxlLZFTXA18PjBqJfW+3x5HcLJOYrpMJKFCnlw4tTTEqveDfQmtHGcKj\r\nviIsGKsizVMWIqXLS+v3tlmy+dHnZdK2G+2jyGlpD+Aj+JdcmPiJEFYlSjMO\r\nhJT9IeisQreALoKGP6tWv5+YtKn4IWbKT7DUDBV6yYsuAwJgWySK3Y6mlOpp\r\nwI9IBBor6PwMy/eUnUPyma07g82lEjK6FUnAc8kW5nECbe8dclr2LDqc02/D\r\nKgI5IfEImx1imQ1+MT7xOe/M9BnAErDdDKfrGc4cXQHRGDtzMGVQ4IKzFXe2\r\nDEZ/OwuO4mZMS2Kr7AJKwRxOJndZoW5RHNvKyimUgPNdzRnZTVT++vpviD5u\r\nKcUj3lRpCOMzd1GF3v29LvcqSl9/6Pke5OivHJrU/Sb3OF689v/eyyLpLCUm\r\nz8kdDY/0CDAHapP9PR0RnMxWm+as52UoAHA=\r\n=m/A8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDvtJVOuSJq9FDXXzahErQecRN8v4FUPGd8vQCuCx0V/wIgbliV0DFZPYnzfKh9oHQYu1SKcIOhJz5nLQe0R/wrl5w="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.20-47d0aa90c7bd811e203236ae9c28987edb39b260.0_1646937973253_0.9376881388301728"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.19":{"name":"@unifyux/theme","version":"2.0.19","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"f103796e22ea53b7e658964db553503d9501a846","_id":"@unifyux/theme@2.0.19","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-5i+61XsWzYD2JZhbMrv72j/Ptrt27BcWUQ2G9d+E6osdn0bqJGH6dEiXZ1B51PVExrK6A8wb00YayX0WAaIS7g==","shasum":"288a75b49e49a9d1e5ecf63b6e47b5566bec2a17","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.19.tgz","fileCount":11,"unpackedSize":15659,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiKkpvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/Ww/+IZciMu7qUZqOz9RCP5BOkIR++ZTN+gCWDTPd3OM7b/73jkx8\r\nfp+qDfTYw+AG/vnUigkFzD+tv2YSBDYD2tZ2nZgxsDlBJExaYzy2AllfaBqu\r\nw3cNJ5GrdbPXA9pnNLrekusrWXvDSeUgVHARtnSlpGc+FlVJZ1bmY0wl0Y3u\r\nTTwcz422YSa3pW6vhPUbHI/0u3I4g0hs9KgJxMlY3MbWYXqD02sZLwgyMoJl\r\nFRG+mNUQTYeaQu3CJ+NkJV3erRDadYqIGFLbUyYCGOUNgFyDgKoiR0L5nxCL\r\ntyfLAGXCOSl+G5fqr/s4aQi/U7wHYW5OM98xo8BX96zMAZIa8SaFUnFfr0zS\r\nNt8zSpNNY2atnloFGZ9NMPgPYFaO0Cx8wB3j/zfILS2HKTlC5IFZjOKjjH3V\r\nJuFCkszb02PI8AOcmN9fGuD/uHVNnwRxrrpIiezCJlCIm/h+E1dSlugIOJ8D\r\nLqzePgNGFI5e2lD5j++J4Y9/ztMQleCpMwneU63peQbeKqIBKKN1b20uvtoD\r\nxIQHhf9HnnY5EgcxkvwdAOsdFz5SM6ZeERQgKpBneao2usnCPbGRZjEFjBN0\r\n05Yk2keheNA5NJMBVs72XZcckOx4d18dJjjND74ee+jgxRJTQ+Mb8fbkfUq3\r\niOkpwtfygKIbIG+OozYm51LBFkjibNQw9oM=\r\n=Bx7N\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICxZbdNIC5Bq6E1STO7FjH6oIRLaS5ZZ187ZSVZVhNXvAiEAi1g6SrAIcb80TTMz0Ps98oNcoCY/KGmZGxdP7MsNExM="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.19_1646938735359_0.644727906145665"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.20-c95439da693e6cf405eeb7452514af4992370f8b.0":{"name":"@unifyux/theme","version":"2.0.20-c95439da693e6cf405eeb7452514af4992370f8b.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"c95439da693e6cf405eeb7452514af4992370f8b","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.20-c95439da693e6cf405eeb7452514af4992370f8b.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-w+TNDr6+UbBSPH/Ag/nEK1OgtHxO80ovjCrTbqObuuws79HZ021UTAH2As3cS4Vzhf2/f3mH0li/52Ej3KTlVg==","shasum":"08fa146c89c68e76dabef1eb5da65baca0c7c8af","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.20-c95439da693e6cf405eeb7452514af4992370f8b.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiKk0VACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp6ohAAowaMyOdMGu2DKALQXH0ivvK83ElSMmIhn+CU3vnaODBVGFRF\r\nHEaIy1zlxWnh3jkRZNkjXVpmSM7nORKx7XROPT6XRCx8A7T4zsgRgYT2rfN6\r\nCMsLQbIlMRgNJnOXnF4GpaJ7qcmEVNbUa8skzy1CEWeuACz/c7kdtXqaC7rx\r\nVCHJkGA6JYWC8UI1UglRUfFZ/GLhVWuXs0aF2FGsqcua0Yma9xfPJmFWtzPN\r\ndsjBkGL+APmnvAX9nWTfthXoUsngWiOVQ1lzQvqepQLoLs+pqcayIw5wxiOP\r\nZdZsQKci2/z/tlRN5OH3js1Qxa1SGSZOHNTOQislTb5ZD0AQFNzlHcjHPV6v\r\nol3Ko2gQ6xKWjq+3+Ay3UJdg4Zt/gc4F2BRUtjDQS7//YdzgyJzNVU2TlIMH\r\n0hd60Zgu0IJ+psyJBUnsiya+NzAMA4Lp+E3YpXks9whWD2JbukVHvgu2yjcF\r\nxwbKDB/QYcdjLHPupWDCxLhKefjXuAxl6HdG34AvB1BhZo3dXMH9E2Ui0Ut9\r\nMqFqCzZKc/onkx1mWlnG5+aa5GTpoxQ30BHHqE7mhnoMHYxmJ5a1SZXvrFRp\r\nAmpI8g+whkA4ZUCag8JVE/+wVUEVpE6vjcS0bFptzc5BNpKcoxsaoAZOFQZs\r\nyyklJoSKsU8AsvzWyHaQ/oKPEJusDo7dSEg=\r\n=DKP5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQClJInpseGkU73vVS440rTk/lCBba3fEl0dr5qJ0Nub8wIgDjUleuJp+cDmBRScTWJDAXdyuHIVYxTsZ3GeU/VLejs="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.20-c95439da693e6cf405eeb7452514af4992370f8b.0_1646939413032_0.7804391357652354"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.20-d4cef5110ef8c91e31b4804da7df59a41a948799.0":{"name":"@unifyux/theme","version":"2.0.20-d4cef5110ef8c91e31b4804da7df59a41a948799.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"d4cef5110ef8c91e31b4804da7df59a41a948799","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.20-d4cef5110ef8c91e31b4804da7df59a41a948799.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-Ny6w2Q7crY11xn7vfxWNix4Yin4r4bM7siLvMpLq0dy7oRnsLvz0Xys1T/4wkAq6Trus/2JS9J9N6gR8cp3FrQ==","shasum":"c67c04dc5dbfc9256cda105805fee652ed31665c","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.20-d4cef5110ef8c91e31b4804da7df59a41a948799.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOzx+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmry+RAAhK8nE8RZEkTAloPoXVSVHq3LHRU8kAr9DeYuL+WqisATnQlL\r\nZDFUVGxfeeBBWQAC3C2i2JTeUBu1MWDzRKCA0ukn4/xMdIp1ANiAi1PAjpiR\r\nYkgzfhRcSpmJQWENHfuy2tC9u52RJnTbCpkn8u3Ou65Pu5DP7zd+FTqYxf9w\r\nkGkW3FJPYOCiEBlBa5r4I6rcQrUeBaxzfdtKw1GmLhIo/YVtbMkZcA16sSfc\r\nKS7JqYVkXALLLgOnswlTkdnHAVEX2hG/AgElLKbmJjRfeCOb95ZjfKwmPy2J\r\nSQ9sp9KbYZ4LHmuFKpwOz59hCFLdV/vpI6SNaX4S8HOjnHfhIpF6jPDcoqzk\r\nCQt6aidUo33EYBWf9tOEB3f1yowRyO06v37hQdK2ooNaNmSNAbJ6gD0bWye0\r\nwMoYhK5Gud5Beudt+59AzVX5C9K5LSFja/kK9cBH/syGpXCu9gW9TlEkoNXG\r\nXXKOy82gOtbd40sTaoXjeoJGI/hCLqNKezGm5jP6dDC3vfcCik1ljXRyY3+N\r\nAIzvXCaY4kWwvgrSWP1jp9h+iZZmr5uzi8b3eOBb027+FO1vI3sqrfWYzGjW\r\nBf4fFpzf7x69/f+9QAVbkB6x9qwaX2E9X5KXfs5bzLxoq/5vUlyZiXl1m4F9\r\njbb5FFAmodF/vKM4Sa7AhXwMErulW0kysTk=\r\n=IieF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC1l4yKDubWkw33Wy+/W4DVZhYEC7Apvdui/GE26h45dQIhAOD/dnusCUC7vNhGwzMkkOH0eu1bsCSal3jH7ZM7O+Vt"}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.20-d4cef5110ef8c91e31b4804da7df59a41a948799.0_1648049278300_0.5985702528629133"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.20-a39e448ca4fd961d27f6fe615e2779f1f38ea683.0":{"name":"@unifyux/theme","version":"2.0.20-a39e448ca4fd961d27f6fe615e2779f1f38ea683.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"a39e448ca4fd961d27f6fe615e2779f1f38ea683","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.20-a39e448ca4fd961d27f6fe615e2779f1f38ea683.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-MlzFlwgJP+UxKboaNtV5mgeizbbrlCByP9ZRbYrn8H+obq/c6p8ub0jNtC+t9rgMU3YFsPpTwoAwAb69cuTEuw==","shasum":"41ef670dff41311008ed758ec96765bdc04251a9","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.20-a39e448ca4fd961d27f6fe615e2779f1f38ea683.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiO065ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmobOQ/9ESGLHcyLwLFJkITY4/B/d9ZQkBTNPdNAuMy32PwaA37KxXP1\r\nr+VEhOXs27YK9fMCnIY0Y109S24ISMbajqzXCH7gGMTu39q6XRqZUcdJHKZv\r\n+F0u+eCAO6b72whW4lOyjeOk/bd9swvOo/1WC3IqCbHCX8Kl0q5BN2UVNWJQ\r\n4jfbPI6MWMADjaayWH+wzViLOzyeVwjuQUe8uq2ngztbhirREDjpgbzL4ABY\r\nNMmly+ULnHZsYDKG+q7TjcP6l7nC0Y/PS9uq37vP6jBsxl9hEHHLEEQgprt6\r\n+FRefk0Dc0orvp92zN24vSNhJpp+LDXa0k8Hu6JNbI2UlYHyyAmpVkLQEPBa\r\niHBQcAennKYmlq2XaKY7OEdkfgwUZgLtS7AbYz/CvT6Gw9X1GVe+1urF/5Vx\r\nCPtrBjEcdEQmZCo81EVnOy58f/luZgiexXl9+IJ9aeTGBB6Ow2DOwhN3V1Cg\r\nD1jNjesBpfnHKQkAH3W5Frqbk+7iV5Di6GIPqhItE7E2dmRAmCaQu3slYyZq\r\ngVDVpL7H0xCXNyjwjp4j9nNTmMFH6iH+t7IQfmP6RReALq4qYwyibHPwavjd\r\nnN9ejWsyl3SERKO1lVVLQC2h50uqnDvDN8yksYyIJfa6HcWkqLQlqIXEoRmA\r\nxNpJ8lAzaWC9n8m9UZ6dSou1geqsJJdpX+A=\r\n=MnOo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHtxFuJ81vPUz6wSaCXLxXOFQWvS+WUCIrqcXrWvsGcLAiEAqH9F3UAx7vG6zfDys9dcTqwoD/XxfKuP+94q5HSaiQk="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.20-a39e448ca4fd961d27f6fe615e2779f1f38ea683.0_1648053945369_0.9356473154007645"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.20-24da9cdd2b9911595def43661aa7316ee339d53f.0":{"name":"@unifyux/theme","version":"2.0.20-24da9cdd2b9911595def43661aa7316ee339d53f.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"24da9cdd2b9911595def43661aa7316ee339d53f","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.20-24da9cdd2b9911595def43661aa7316ee339d53f.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-/uialDxBw9RP+Q/9otGtAqooDkw3L48xHQKA4Trch2Eo4bV4GK1Rb6eHQlpVkd8h0WidMG3J8a2JRRaXdW2lGw==","shasum":"5dc854f5762f2b5456b04fb91e298b34aa814db5","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.20-24da9cdd2b9911595def43661aa7316ee339d53f.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiO1F9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqzHhAAkW/y4iQ6299L29FX+0kszdZHzwkIDOxaOKrvh6uXRn+3kpfO\r\nY1wc2XInZ1P2YsDchrRkIVe+V0JU/G3LOP6VnvDiBlgdNi1ioEwFtytuLuK2\r\nXPDPxF5pHdfhX+yjcH/Gk5OfZsGMS2VlSuLWhYZmcLvTBcR2evKEbpBl7hSm\r\nsjh0Nkbi/RWgevyVCgxI3cfR5opRGDrTYP1gVjWFM72nDk49Qfk810h0VsvI\r\nv6YyNeYv2iHn1KILXs8nlBYKWYj50Ci0nkX5zXSXPgXwZ5GVC/pouPzQkC46\r\nHpPCnfLjX/9+ajPJPN4NsgNzFH54tq3wL2Jb8GnJzarbfizE9z9mRgtXjIAW\r\nGhR8xpD6DLbunXvE95o9cKgl377gqj8OyolkhchcdNjFNDAU49rBZUez1XFA\r\nY0bgbHhiTLXH0ISsXffWiNUbAnFcNheBW/dmv4NQcx0fNtAGWQYarCB5/xdU\r\nSavvR2M9OtzIYwOefwgx5TEOzsoaPqxJKJgobMI2D9IkPiZ6wSPJ4Hy8tF6a\r\nktAggVFmtCUCPUqg/t8jPue5foZlMaXaSZFDA61RP4eUCc5+NREE9Aby2UJZ\r\nPfxTT9VGnAS5knZCuDoG3KYhjH9rWc+XXvXinONIo+HIAuJuR0TsIQlTJ3j3\r\nVBR+Le+MZSEwODuiNziarUl9f9waej9mD70=\r\n=sUlv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDkyzkrpz/yH09b29n/+SUnuLPqzaLXuogv42E58VosNAIgXNrtOF3HkjM2z+uS3+3lP3aLaOSwVjHYlawwRCi96is="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.20-24da9cdd2b9911595def43661aa7316ee339d53f.0_1648054653391_0.0927420089243407"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.20-a85e9f32ee7ee63f09cb05dc40f220d652dbba3d.0":{"name":"@unifyux/theme","version":"2.0.20-a85e9f32ee7ee63f09cb05dc40f220d652dbba3d.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"a85e9f32ee7ee63f09cb05dc40f220d652dbba3d","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.20-a85e9f32ee7ee63f09cb05dc40f220d652dbba3d.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-DIU4c/YMP8RvZUI9jFrBs+9EsE9Qr2K/VgO5rw1JafpYZZGONgkfe0oXq4oAXoXjxpnpEBPMZtH4HqPYYzQegg==","shasum":"06ee1352514236fc4a63dd0a5e168dd04c37b020","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.20-a85e9f32ee7ee63f09cb05dc40f220d652dbba3d.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiO3rAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmou+g//Yc6ymWoLEZ78PwtpNu1gtiNIe0yyNTXpjhC31Iajsd3gsik0\r\nFlCZzfE58UpfcvAb+wx/RCTHa8hKEh8oPISTH/gB98hNsMx1OmZqMEg5isq6\r\nz0XQFAh4fdFYLAiXRF8aJACPKbqERfPf4ykfyJUlm1TllvRUpMTGMYLswn1t\r\nO2M7H77AOh7UhXMcKmI5hGujm/jYOdSb/3/Ecy4Bn+Jd7h+57AtrZ+VceuWZ\r\nRlA0aG8k2H27bn1JI/FllqxoEDTK+lMFkTs07s1x+1ake+zwhF3C/zdXVMvq\r\n9KRKtsvRwUyijQjQybtQIcGRo0D8bh3ZSFWshQwuH2332ca7+wFyqqy8Mhbd\r\n5dACqUddORDeOIoeMD+jriXRE8Mu8ArkdlmB/1CcAZSjF7CTxl8MBmjTekly\r\nHM0AO2ajROxgkiBV6ltk1QsJR1cTwLpqQQCi+y8/ZBvyfxPtik4t3vs+xP/E\r\nuFM3A3RWM8eEwNuuDPkp/Aiy6h+ruPfbsB3bMIGid8wK3OaQV59xR4nuCvay\r\nKPVtjPIjLBnwYvTFRQ4ccki07fojcgfU1gkqYwT7vzalnExk5BtptfA1xxNm\r\nckVFwZRJI0eztC7ejJ7QvUg9TcgyduuEB+PiBh16Gxj0NpHALv1R58xyeiSM\r\nKz1lQNepfL/4Kb5RzTSHrXP6s7mLlOuY0AA=\r\n=+uPW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCSxBvOMHhV1kaHOhOAkONJ6Y4BkP8MoJljXmXvWaZcfAIgcoS4WFDz09bWWMA+igrgTYhExvw7d5++TJ5bgmfypsw="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.20-a85e9f32ee7ee63f09cb05dc40f220d652dbba3d.0_1648065216629_0.26567773546839213"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.20-5159b18d27767316fbaf1307000c8a7f9f9530a3.0":{"name":"@unifyux/theme","version":"2.0.20-5159b18d27767316fbaf1307000c8a7f9f9530a3.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"5159b18d27767316fbaf1307000c8a7f9f9530a3","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.20-5159b18d27767316fbaf1307000c8a7f9f9530a3.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-/UdnFLPxMqoux+6dUWe0xdDjhv/sh5JkUxIJEOwMco+zd3qBS/m6TNhosm9+yZEq5iqupsjEwSZajPGFcVAOtg==","shasum":"a26236061a5c3e004e24789420e0b50212a10bff","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.20-5159b18d27767316fbaf1307000c8a7f9f9530a3.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiO31pACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpAMxAAjvrBSvUYPVjgqjx7PonjzXKkxFjHJDfNxSvrNW+FGM6Ht+yS\r\nwrCgMALpXS4APVEDfZIBBiI/0jptm2lUTdWMa1Q2kxDIaYP94oUe4Mj40Y9V\r\nWje9mEAxdtrwsWIcuE95UH/7rAz+LFnkrQCN2wdHPhadmkSEUUFUUkD2HOUj\r\n4kvbs1PVgVn4DFY4eucs5UCWMq/EmGCoUymsqfDjBma7Ghds0/aSvGOq8Tpf\r\n456wK/fkMkhcLa0jBhkuhk+5MdwmIorVmXlL0k9u0arTSJTnGdK3u2a1Uzq2\r\nsRtvYB03cpkutmB5Z1rs0BFGBzoDkTEWQsfO244kZ2aLRnLi3cyZR0uwjmy0\r\ndI7Cc9pKBphV4mOVXV9g6dndRYyKuE3MLp1OOYIflBgxKc9ILJ+Izrb4/Kmp\r\n7f5wKuxSDH3n9DxmpXSSScTshqe0g8vofVLbhNTP4qFOQ94bwxAOFQcUc21k\r\nFyfrsQP/oQ47TPvuvMRi7UPosnYI4jA46Kg6SryCuK/O5wSXQEK/M22t+gA+\r\nx4BwEfYnautVeUH0iS7Mgo6cnqJuGq7feH/KnceRYHYcegWm3XXNO1KR0BuS\r\n34k0GoFfZX2hLaSE8vvStQBrSzQGq+JtH3gVVRqKkLa5aYyDJP36Vnph9c9O\r\n+fJMtHbjJcNbpE8qZ07/WbjrtP3LihD5JpE=\r\n=Y9xy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDHDKM0Qm1XdTPDJd/ufX4fjPafMQjJFp5ZGsY5NgjV2QIgIQdVNoslvSGejzPwvBACQXutvDaC1BlW/IIuto98CNA="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.20-5159b18d27767316fbaf1307000c8a7f9f9530a3.0_1648065897215_0.9683143591409467"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.20-31014b090c023bf3ac6d082a2f36e5f345153547.0":{"name":"@unifyux/theme","version":"2.0.20-31014b090c023bf3ac6d082a2f36e5f345153547.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"31014b090c023bf3ac6d082a2f36e5f345153547","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.20-31014b090c023bf3ac6d082a2f36e5f345153547.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-QjUrRgixgf7E/62BOk9MK6vTHq1pa6tpWu7XkgQwaNrEzvMIT9HNN6pnOHoGCITxpHdRbJufUCLzW15Klj+fOw==","shasum":"31c66d60df3972ab4e57e8f7cf055c74a11ed622","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.20-31014b090c023bf3ac6d082a2f36e5f345153547.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiO4q6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqWDRAAgFpbM3JQjz8And0GQ3yoDi4ubVTTouu3e0pZsl+jCQJKhnD4\r\nKElKVc+yWNMHoDtV9uW/QeZQwx9tODs+dc4HTrAOnPRl75icZfv3+48ATCTp\r\ndDtttS8kh3KqPYw0KT/GGU4t8L2wpM95cA+BI7ZIKkJf8u82i4MHcBdeOvva\r\nNE2xmzWx2PkvhAUgJd1fub+NhQUHJ+uGtKZ2ST68jhghw23RZjLTcJ06TTW5\r\nRuK5xpj72ONVxIpkllYPD6N0UghoxTMgjr3oBHhKb59pLZhTjPxKiIw0oueZ\r\nL5hVg0CszI141d2/LUiXlmIcP58nKoLw9F4P5ndmGZVACLXyaEat7aa+nlWV\r\nI7nVqhljBoolSVOFDQqvW50UTcK3ITlLKXxTnnI4GxzFmYSdoVCmIJzRSbPM\r\npnOBvWgBFmJRAC6hTHuCBcrv0YGoChmJOOXV6CDqLY84LM1JTad7Iq5Ja59B\r\nIvIAgDwsVd5WKvsvvJTGg1F7WVjl57YT0zQ4+pHnuuUI+B//y0pHKWJJOSsN\r\nr7Yl0/526QMpazQoM5G81fk5c6M4OGmPzqLFM/lKTRX6fypwHQ9Ggl7Q1Wfh\r\niJOahrcus+fOP1vyyomjqc7GNCQYQKqHHDLRro+J2C7Ngqt3F707xt7+33yb\r\nX9VJjBHDE0KqNxn6ztloqX3UIWBcG17ITEo=\r\n=oyZ5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCnvUCUSPTUWgZDYEPN2EHRdVK8ajy/U9U+KzTik67XBQIgOlrwipeTu9gG0wBxPkEl1jJIlq7yrfaZBWd4DxmYrpE="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.20-31014b090c023bf3ac6d082a2f36e5f345153547.0_1648069305979_0.9717345477165074"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.20-c52c97d3e40f3e88f425c7dcafab1aa418bc582d.0":{"name":"@unifyux/theme","version":"2.0.20-c52c97d3e40f3e88f425c7dcafab1aa418bc582d.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"c52c97d3e40f3e88f425c7dcafab1aa418bc582d","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.20-c52c97d3e40f3e88f425c7dcafab1aa418bc582d.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-3B2V8hsmSa6wrKVpdoXzKj8YIbuF4KTwqqrmaQfp/b+ZxtWZbms/999YFheV53NOXaF9XQrZUsNbS3lzmOn6IQ==","shasum":"da2afb894c975870202ef82683b8f7ebfdbe8c07","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.20-c52c97d3e40f3e88f425c7dcafab1aa418bc582d.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiO4x8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmppaQ/+N/nHOvbAZ7PPWEF4zPKXsY2RjLBW4NxoEwPrlW0JjP5Ly06V\r\njAm0b9tKozXj2eU/rxsZoc68nKu3jvDJ07gbXbVGUD41aAmnFUQruoWi3qil\r\niXlGERpNxkir7yNB/4uQCj33+2R0pEMKRU4ZnlyxcqGZTHfwQtJcEF+N9dbD\r\nnkrNX6CPizgbQRi5kB3vhdg8iom90Ef3vjXFGYG/swGh1q3pi46MCHcMmGaQ\r\nU1e6Ay0tWDTKtslckqdZuHrRKmKlms6vm/tk8OAqVviQ20IQ7IsvgvkfbTdE\r\np8VpHs3e5/gAGlQBU8sh1SqeCkjXeY9/28APFSXH58LB76M7muaMbPia2yL/\r\n3m15UH8CgGu8ZoRjVD+rqS7QnyaMJjGj9CRs+UB/KuWB6W5960yalumMei7U\r\nTQ5GKzb9w+XYf32PDVBnvkU8Bd6HU0dD+rRO6i1ewlGGcsT88FXhtybtnZHP\r\nuEgY4IkXxeDRn8mj0GMC91bluLTApys8HoVl01h+5MWBkWok142CajBim+nf\r\nWrCHG3yidu3aeHTdJibJS3KGAOIOSylib2r/LS3VUW5gYYYUTK70idUIXgEP\r\nf1C4rtjtMob4wj2XdCjnWBJQM3H3rgo7xH3iWntykygSjVEFCj6xMpUBfORA\r\nkJOmbrp7QpkRD58SMB4pP5plBd98svlDZuo=\r\n=arCq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAgZD6ZqfO1Edpyk1thRCg+juOmVy6KWO1FX+J4kCjmUAiEAoS1kSlY6CV7p+ugwpV+JkkAj2pX8KN7/A/FZI0X0m50="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.20-c52c97d3e40f3e88f425c7dcafab1aa418bc582d.0_1648069756374_0.06147943030076264"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.20-6b6becde8933df22cecbbbbfafcb58095cd970ac.0":{"name":"@unifyux/theme","version":"2.0.20-6b6becde8933df22cecbbbbfafcb58095cd970ac.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"6b6becde8933df22cecbbbbfafcb58095cd970ac","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.20-6b6becde8933df22cecbbbbfafcb58095cd970ac.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-jsTS4mRBGHyvLuq6S3qh0W/aTOThVYvSar1kwmdYuBVIGYdpQq4sLlPxNlATYn+GRw8nhX5nkRViOth9+HG/qA==","shasum":"ff79f28b9757586870130e8e9bcf33e63332394f","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.20-6b6becde8933df22cecbbbbfafcb58095cd970ac.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiO6vgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp3YhAAnoT1UNQcal/EOXjOWoXEHcaBKgmgGE7keyLBDqt50DZZiXgZ\r\nJpX/U+suJhT0o67BVY5tdua7IeAhYPj/75Na9P2dsNbATIKWnprhnnEiropt\r\nfxuXeuvqQ1ejNiWHu6wx0oS9jvyyyg6+U0sPQ7Jy+7xEtXlcQJPO4JQW1h4m\r\nkIGsnLWDK5V/5XVv6z/Wax5m9bILIdvFhfxK/Xhw2K2+AUi8+RSedNBw6GgX\r\nNHGbxEsvqnl4tPLyY23VPooy1h1ro1OGut/yJVdjaw5JlbLfNVARFg1p8GZB\r\nfH0Vn1UAAPCgG5c2e5Yokvo6fHC0L5XFQl26fAYJtskL1VhIe/AzszBgwwO9\r\nVKf8EGFjxJYbJoE79dHOgHudfEPbBpu1ZY+e7U3RDa/ZDRm4lH/2U4uCDV1U\r\nSUr/CTaS037WKkMBzwnvIfxj0zwHby11btjuLYu3aCYTEsyjD5ZoFLsLq8IH\r\n0+JaWhl/lpbj/SYzCVv6q6qjr73Cp+4xSQIWwu4xtdlmPnoEdfEfEz6XdzcV\r\nJNgnAHe/TIpT09nmJ2vpWrlNE1SzqK49W29v5aT+qYsEAxtMWthHl0KLWU/r\r\nYn5COwQYOiAJFFp5n+1shMhpm6dBQsZfsrki1HwLFRvLmmXiT7tDzZs63VWV\r\nkCBgeP3+luT0LUgv5oQk/pWat5bgUkf3hdY=\r\n=xEfn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFWQ14gpkB6wtj1G2TNJu52/q+9NpeegDzmm43cYncNPAiBhRexU/oGDfEdh2U9xBMYW2lv827YL0srsT7j1TRgsgA=="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.20-6b6becde8933df22cecbbbbfafcb58095cd970ac.0_1648077792410_0.009578004245476501"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.20-bdc839f746ce5da21d2c231f25bcbb0fbbd12fc9.0":{"name":"@unifyux/theme","version":"2.0.20-bdc839f746ce5da21d2c231f25bcbb0fbbd12fc9.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"bdc839f746ce5da21d2c231f25bcbb0fbbd12fc9","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.20-bdc839f746ce5da21d2c231f25bcbb0fbbd12fc9.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-N8bcIENwuDOveT7k6stIN7GjaOJT83+VOgCW/+g3Bs4cRgERqG4lYKcpFkE8SfFWyoHXc71Fe6+9gZ6r/czSyw==","shasum":"804ef01fad077f065f5fbd539af2fe18e9dfd5f8","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.20-bdc839f746ce5da21d2c231f25bcbb0fbbd12fc9.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPJaxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoeEw/+IemqQH9SJRacOWuhtOBhQCXioepH6RP3wxE3GzCo2tcXHHKK\r\nMspHIh2B0UT92hoDM1du0qfPidd7vVsSiEYbSOtViaMJ3YezH2vO4eN6KZg7\r\nixTaDwCJO/1qErOoXrXhecQWRLyZWPwEC/0BBaYGE4c5gxsyfD9V4ZVP7jT3\r\nVaLXS5gxfTPWSOkliMsRtAyFA4mr/U+qM3HFVOfR31rYLslMGYnpoPfQeU/G\r\ngQwNn8hWThQKsjg8ZehwCAh7rpBOsxG6KlyeSxnz16BRxcZ7GbyoctZm8lDg\r\nLOXd27ynJ7viT70ffBkWUDFv/tzvV4l7tROH+18M0URAFbaMJuvRVDyUVD+W\r\nbho2J+wEOH1Z/yJm1/5cr8zMrbAI2qdQl0XqgJwqsxOvXek4J5VkViauSmZr\r\nCOnTfJXRjdL4VdpDCtSujXRGwj0NKIA8LaZhI6gl9Xe1lg1R8EXPxsFOKFM0\r\n+gT/NtG1C0hxQsui+OUJRgeh/xxbKq5WEF7pWDS83j+mU9PYvl/51NPYsz+A\r\nUrqxHdL4fzfdKjDBd8WPUs7qJTDg6IA62VXrkIZ/qeXnBE4urmShTwALEqnE\r\nH0+8XeVJPVVW4qarRnpy9IG4XH+tBu6KjEIbAiUMZBb9eFHPMJGUnvTUjgcg\r\nmMzGY+7ckdAu986g+l4cqKouiG/4G/Kzcqw=\r\n=liQd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGUCQqPLXHgPdgw3N2XsVnAjiZG8YnFSXNQRLYPn7HjkAiEA1i13vPTErdu1JFNAEEq5rQlQgMQ+rAkQ58IwQHm3S1g="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.20-bdc839f746ce5da21d2c231f25bcbb0fbbd12fc9.0_1648137905524_0.712515007518113"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.20-2a64c786d9edeea1624c6e4fb5550ad21558c4b7.0":{"name":"@unifyux/theme","version":"2.0.20-2a64c786d9edeea1624c6e4fb5550ad21558c4b7.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"2a64c786d9edeea1624c6e4fb5550ad21558c4b7","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.20-2a64c786d9edeea1624c6e4fb5550ad21558c4b7.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-QzNhiOVjYNrYTKKDbvNp3UHqiaUr2vfwl8XW2uLqoK8nuwLYUwYn1GSws6s8ezTgliTBHRtqXp3Lk0B0VUoqQA==","shasum":"8635e844dec184c632d97fc0c438634a7a53d5bc","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.20-2a64c786d9edeea1624c6e4fb5550ad21558c4b7.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPJs4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmodIg//bOoFHES3IavOLm4NageZD1Wt4ObzlgbB0DG6VPy2A6XtfZUf\r\nI4lhSvLM36FTGMUa63DrFWp+6DvwBmlv8/5VKjHVXa+bAN9B2RGIKJXls4UO\r\n24DiGoFvIk7H2nh30H+oqAkBrqkZCrtxemllyeVcU02lVXzByssWWunw0wDQ\r\n9045Wg7SzAWr15cROwt8JUd5QO6LsD3rNiJsQ0PMPVRbByyYy3E5TvS5EH/5\r\nR/uacguIkNoIf7OXgmS3cT3w6s8jK54sC4eUNxGKSRQJkBOZ1LMpvFFpt5Hf\r\nscoHmaBZPOUtyGoxgsLc2M/XdRcyspCBIU3RlRdkxaESmUrZjWoHmleDiqRf\r\nfYO3Dp4lh49r0cWHKgdua9nMS9Bxijk6lxK+IR33D0Jj8wWGItkkjsgzIcsn\r\na8qUY5JlexZGV6WKliW1EH9z/SeFCaVxB1TAPgeKRoXAvosyeELBdRi/KHQR\r\nsudEcO2LOr4Wdn9uj0T9LIGFzJxS8SLsT/Zkb0LEEbyuFkTqFW3NcPuMhp6E\r\nQz2AsHwz/J57ZHa11uLU2JnAZLdExw7j9j4mxEEOFA0Wskt18ySTJbwh/aGw\r\n0IXblQcg3ytIvXt6KIPt988estgB/EK1Xw75fwktFRcA6DldPK3lwVxzHofD\r\nfj1eyV9xuM+i+qzTBj7MEyCwhjFOVpnXzUY=\r\n=NS54\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCz0Weh9X+KBAUe97AmeK9IaQtB+dinSFklsGkzsE3jzQIhAPfS2nSE8Vw9yW9WWJzHK50uaR158E2WTGNTU6VrPFLe"}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.20-2a64c786d9edeea1624c6e4fb5550ad21558c4b7.0_1648139064560_0.644400779171916"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.20-8e9dba39cb8c58786cbe0f6e6debceda4ecf2a1f.0":{"name":"@unifyux/theme","version":"2.0.20-8e9dba39cb8c58786cbe0f6e6debceda4ecf2a1f.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"8e9dba39cb8c58786cbe0f6e6debceda4ecf2a1f","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.20-8e9dba39cb8c58786cbe0f6e6debceda4ecf2a1f.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-M8Uv01ko+9uabUJcQdHzdBfLrMCVL31AFAbLJ4YNqU0Hb4Eh8f8grbGLzWoKevaekXXhB0MenF86ZmMHX8091A==","shasum":"e7bf922ec48cd720521c2a0d9854f1174103b47b","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.20-8e9dba39cb8c58786cbe0f6e6debceda4ecf2a1f.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPLA1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrFHg/7BbN39jZFZDIGNCuTO58h8GNZ2B0f4H1Y4eR1ylFNUppgSBws\r\npFoHp40l2xS7GI1faLEZRVQGr6jM5AhWS+jbd30wym0TU5En7D6Dx2ji6ZVa\r\nDgrPaQL1p1FRKQIcfDKIfoI5rnShtnQz3rGb8btY4rxAl8XXfXwA5xSHromc\r\nQdiVLA/vons7dp7Y2B2OHDWGfGYOYe2y6BAEDRtYoY3NY4ikbms4BVhrcflt\r\nItsSoPACgnUhi3QPLDwbnRHP1kpUT+oW0LtcfY3d3mP4IESkvnQSz3FQwonm\r\n3qTfXTDU41UTTiJZi6sgWEBjypt68PR6XHNGw7bCbbMX9vLNSmMT1/+Zuh4L\r\nkn9RvDgI4cqV3f4zU7Wu1UZ1ks5PVnp53YCPLn4OX756Hja6NjbiXJFf2XcI\r\nC7pztEJJuzKf3WjDpz3OkTVCJcrsHZvV36hpdZM253oG8gP0ar4rypTMZrAK\r\n9fI2JKZmTBXrKw+ftslZKcxh+vzjaIZ8PCwii7cO3h930BfTfHw2kV43QqBW\r\nLP4mEzQMbB08J0+6IwygiPlwAaj7rP7y6lZM17rKnIHOdkcn/T9Z0q29QOVb\r\nn/W59vln3orMbczr7TaOMlt72BcEjG8HvrlR/t1MMXLYYGmS7yTfPGSa8QK5\r\nA1fN1nobbXin7mCuz+6n6Xvo5aKDH2Mnl6s=\r\n=Ehoj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCdigA8t6FDTcJLJNLcAAd+q/VIh2DKJT8JDnB5i4NZaQIgFffX/q6wYbpH50/d2WXzZ3ieYeCk2b5DdGIEgZ7e50U="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.20-8e9dba39cb8c58786cbe0f6e6debceda4ecf2a1f.0_1648144437453_0.7024649671342695"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.20-a2042d1079b3c3871c8dabdbdd134140792e7e23.0":{"name":"@unifyux/theme","version":"2.0.20-a2042d1079b3c3871c8dabdbdd134140792e7e23.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"a2042d1079b3c3871c8dabdbdd134140792e7e23","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.20-a2042d1079b3c3871c8dabdbdd134140792e7e23.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-eESooNXrq+5CPkZAfeH4k0TKrfe9pEzJwhlQwLsfeE8aLKk7KdKfGXRHS7JuMxDe3ZtEcpr3INkjGsHNL0TrQA==","shasum":"c27a00aa2909b16e522f49c2fd10e78f229b534d","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.20-a2042d1079b3c3871c8dabdbdd134140792e7e23.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQboOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpqqBAAlMafcObIh9a2cjCFs+E4iFT23AjbHvlfhhx6GDtgThVROb3I\r\n3+PgMHx7KA+bRBUEvmCvPyHGfueibA8FZi7/A1wYRFYZCCsoNBH/58uI+eTn\r\nzbVWHfstbtV+Ww6aVM4qtQn3Tu+9jt/XMtkSm02JtAksfu1lW4p/LDnVlIVE\r\n3DpcrBqVOm6/GuyyjCxFV7dHlDqkKlqVjPsUVVq32Q1aQx8ui0wWz2lmvLq5\r\ngjHXcDQ4z61uRltIDAc/Birk6FJsD++YMQqNFGbabjZYPyQZdik4olKwrfy3\r\nhz9AmUs8qVenam0iTX6ifXLh4LlY5bRTWUgMVVy4SH9LzLSNzgCxX4RSTFyy\r\n2L5rq+o0/xLSM01CQdMlNRD6F1uqJyt3rawuYlRZMIzW4KGn3bjQr/cj3g7I\r\nkWVkOJXem7bioGLaObFa64iomIKJ0thEjsWHxbEkeBt34vQPM80LWZRq20qo\r\n6Jyy0+lckJyV9UJ+Dn/HKDnPm2qilFj9YytOHbenTcdcpWHPp+7JalV8mn6y\r\n2aW1zS8XZsBMf1YDnKVJrdcTvGmV/eo7gBr0fVYFZTo3HsLKo2uRWKp9VNZT\r\nipSvxsxC3qe8Sc6mjmdbKeXQLBKJ1t1mwkmnQwCmT/Yobpuwgm9lOFTXrwKu\r\nxuAR+RyFaUnHDz1pzrGfNyGlftaHc60o0GI=\r\n=UOEc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB/8+9/qaZVP6lQ5B2U9BAM9b85ClwlAuGay4oxwBgNeAiB1D2OQb+YbT4OEoLgx9C4S4Ccijz4RTYaw2yB6hnSjDw=="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.20-a2042d1079b3c3871c8dabdbdd134140792e7e23.0_1648474638397_0.617309794956626"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.20-366b5555b4aefb6b69e4e3de2d5e415d78a4dfde.0":{"name":"@unifyux/theme","version":"2.0.20-366b5555b4aefb6b69e4e3de2d5e415d78a4dfde.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"366b5555b4aefb6b69e4e3de2d5e415d78a4dfde","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.20-366b5555b4aefb6b69e4e3de2d5e415d78a4dfde.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-3Yy4g+dLRsYYtn0LompMyArQpCVSQb9f8JfQRIF/0bf7nlD4vfPPxxdmDtuWQnNukHgvXVOohemPLVIGpFRQgA==","shasum":"acebb2902169da51167341cad07499933862b713","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.20-366b5555b4aefb6b69e4e3de2d5e415d78a4dfde.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQg4MACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoRqhAAmuagZ/iG55VeM6wAJ7pSEzT1YTJTrUaOm0YBkFUMgMjWxexL\r\nTJbKprAuwQ8cV7gSvez5BdTLtqnYj6+kmi35izDITiyEEknmSad7WWc71H53\r\nq3kyQmQddtr2yUXcFsmOnU+i7UoO8Tj0BG7+Iw4dIVnyJWdLCUVUsxjs/r7u\r\n6qo5WoFIopzYxWdR/B3b5f8ybviO7EThy/uevwSrZRIeK/Qv/FVXH81QgEt9\r\nLl+shqHIara+ymJ6rY3tio5t10QWDKiN7SVY5N3HIcmpNOSSay5l6Htd864Y\r\n4Y9d3zUkgwmANJHOAkQZr08NjuJxNGF/tLCnEbHlJlQVAtXrmqapHhZI6y4u\r\n8qTBKpVcIrBlOpoQ7MclDI8cu3htE9yylzAbhvs8gmg0t39UXdHSUUDO5A0A\r\nx0h0WD0tTd2Rhd7M35DLlTa3XRvQJMCG6W8ooTz6YfyHghoKCIQhMhsKc11j\r\nYrigKz0xNupOv7/NeOKEd66f++11WR9cWe72ULjFrTLpNdJKWMVdsYI0qNbd\r\nS6uKCrmeFzYGzxQ9jYoPUYhMA4sMNOBpHgqhF/lIMglBvXswu6aksvE/1n0y\r\n8Fg3onUrebgN5EA6WTSVKuY3QxMsEkDqIH8JakykySQ+DyfbyDK6uVD+dosF\r\ntqRG9Xi41C5itLbqkoo+Z5YrFN7afeVaz3c=\r\n=GwX0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDCNn0qCDU6MCpm1FbWQFPhJpvcGk1kcE/yZ/8MaSgUVAIgdUVE8tUHw75jXEKz85mIzJ3JeEUZmBUS5TrGcjgV5Vk="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.20-366b5555b4aefb6b69e4e3de2d5e415d78a4dfde.0_1648496140102_0.2666542587742815"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.20-9beb9d97708a132ce044da642824504fa8a06390.0":{"name":"@unifyux/theme","version":"2.0.20-9beb9d97708a132ce044da642824504fa8a06390.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"9beb9d97708a132ce044da642824504fa8a06390","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.20-9beb9d97708a132ce044da642824504fa8a06390.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-iKTKUSSwFj2unzI+z+tnbPHMth8VtDnuV249jXjXaZ4AYs/CjPJhRZ35BIAezgX/HoIsP5Q+Z94CncL51AfLig==","shasum":"504540634bde61a9fcf6b3b509ead4915062fea8","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.20-9beb9d97708a132ce044da642824504fa8a06390.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQiPNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpNSQ//bNOLBPiNGl7hUlOwjcUFbbTsK8EKpOP0T0QAQtdExa3Jy1ty\r\nP8mGrxKduh8/IYOZG22YxiXdGgr/9dnu5MG9eGaDZVomLxi1B66d0CZngmZ8\r\nvUJQQ18PeEqAxyDOqaIusLTpJJ1ZL4ZofUIo+wau+FcRrO/VqF6HZ6pPbu9N\r\nsgUZFWPtf2As6Iecg+BemXGuqIwvBvK5lDVe/cgpIq7SU0RrrIjPUofgQWt6\r\nScJdqXBbhSHtfiM6TbJvWPf1MqGmckN27pvIU4xP+B4w+AruDjlY8/hiUqy7\r\nb/7wMuPY3mDF/vJ/ABF668PuaCXaRkDG30Vxie8NFbLRd9sYlVOmrtD2Hc8j\r\nO8hpP9AcMPvknUn/YUIdGm+emBIHhcAQjVZM67/wloUdozqXODj3i2BbTaZX\r\nRM+3oGWrO3wBkHnIbmBvaXzrSbI1+u+P2iX9yJWYiAomiTDq51dzN2AMTk6p\r\nWEhLbVI5AC6dV6O67Fxx68qydbp9KevsHKmE1CjQlWUpyS+D3MEdMtU6VLHP\r\ndWtRQ5Or46qfjNTyCI/72CYevhLyR+0kYXZIuhhoQytrA/15dU/lDM1genPT\r\npJES181BpgcYl2L5loiTFcpa6fIcz4VkLPfFRMzSINNdoyRoNvCJ5yv6CKOR\r\nms/6XLfx5QTt9kurdRIMy2Q74IAy6mKuJ1E=\r\n=Q6HG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCywE/RSaU0MsHqrJPhSESEo4HWdvbxsGlKvTMwvam6mwIhAPYjvnpzllpDNVGyC705r7BTena2JeX3K7m3tSruuuYp"}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.20-9beb9d97708a132ce044da642824504fa8a06390.0_1648501709093_0.6672292272160585"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.20-95f117cddd07c8d3669f66cc92da192628ba04da.0":{"name":"@unifyux/theme","version":"2.0.20-95f117cddd07c8d3669f66cc92da192628ba04da.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"95f117cddd07c8d3669f66cc92da192628ba04da","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.20-95f117cddd07c8d3669f66cc92da192628ba04da.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-jUTXSbmjHiWMQv6oDViWsVe+hIz1Do2iERHI28gz8aBVXc0zSTvBwxEjox9QYyI4XCL3X9acwbgWcBaMlJWDYg==","shasum":"a3794831799982b210a5bcdc7b66747c67a1d3d8","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.20-95f117cddd07c8d3669f66cc92da192628ba04da.0.tgz","fileCount":11,"unpackedSize":15710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQxh/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr1Gw/+NllEcDorFWfaqNTE+dDokMYn7njeqL/K9KbQQUIHMs/qtHd3\r\nq4GVrn3YjoPGrabKtOyt8jkxN8jeYCQ+2mqAFPkqaMQuSEA/VAXNFCfSb86I\r\nOnO6S3Fj8qgBk+JQKbm0m29dc//0gy6jkLeLBvbUssrq8weuiTjVOtnd4avr\r\nk6CruN/I7DyK+GPjOiYKleVM0fswn5OqMA6ePgv92w/Xxgr9yilMN3AY6Q3R\r\nJva/SJ1KtZQCDPXWBzgnbFrDSuY3iHLhdSLLFWKwdKLYeeqyoGqWHYccxVRN\r\nhHmYiPI5V7oozftt1a9PO6AFkWqUa//XWs1wweUvmzL/avLgk0kdgH9Bed4t\r\nt6NDYQ/xml3V2jc9xp/itTjaiwTK04l2KPIXazWJssALlR24wsK/A/lLtHG1\r\nHJFwG9qXvw4FeenrVkb3Lc9vQG/MbOOpnrTtkGwFLdW/QIwHS9XJM2VuZUkS\r\nW/9MEJGsWYW2xD72WMa/24+k3wE5GFtgq6RC5Jy9PZ7RuKjFZ6dFJcPvPSek\r\n+amU/eO4Swcz8n6Gm/Sf0lDJzXMbm7CrVugZ0z0AZMFvW0Tp2RX8xDIyx16c\r\nrpppp8DxQfRagykK8ntE3r8rn+hTcfmOFWATVi/EHFXd3U14QXMwkh11KwZO\r\nENdUkK+yhukcVA6RS383mZMaksM93WUU8+8=\r\n=sEfJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCh3yHPrfw/QyQaH73y+s92onL1G2DqaeL9eS5bum98rAIgJoVqp8lCZ1glpmo5gV8bCrfmQuL+B/jBNHVaDsvCgYs="}]},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.20-95f117cddd07c8d3669f66cc92da192628ba04da.0_1648564351725_0.9969127109442142"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.20-6baf34d418f38cd1ab527e784fc17eefbad11344.0":{"name":"@unifyux/theme","version":"2.0.20-6baf34d418f38cd1ab527e784fc17eefbad11344.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"6baf34d418f38cd1ab527e784fc17eefbad11344","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.20-6baf34d418f38cd1ab527e784fc17eefbad11344.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-VyObJPSqbiamJpUl26c1xE09SYZISpJZgXFQaq861mqF0nkQMfqE9CDSnTAuEO51j/wtB4iQcTPWte1UfbxbuQ==","shasum":"4d5b2c9330301bc5e0e2cf3ccfe5a674895d41da","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.20-6baf34d418f38cd1ab527e784fc17eefbad11344.0.tgz","fileCount":11,"unpackedSize":15710,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH6VTbN37vxLuLDKFuXKngP2jqu5pSqnyy60UVngZa91AiBq0fNBTc/5VrKqqPp/KRRBFG3KBHISdxL6nhawZjCoMA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiR1NpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqFwA//TsJUgBuTjL/IEyWdxWqhYYNhgWK1fWhb7XXe/zneN0pwKe49\r\niH73POC6vPdPZPaNIY0FLHJFn9aumR7Zkxjegoyz6a1vqnptC1qm1Po1j+t3\r\nKvM3k8EC/aLWzLBFF+GrmaOEn4Z6QO8jSUYBgtnU26eyr5Pvod/ISo7IiYww\r\ntXoEBCQ4u2k2p5ysUo45MKcr8jBgFK7pg2gzQ8TkpuU3a4DfywWB8XRozveQ\r\npshgklbML5+OGWerXk9dsB9ImKR6Uvbkc9U7465FzrYjNm3sbYBooo/321O5\r\n1jBo3Odf3G7FuCtLfjVz6pKtu/ZDABqO73YJYsvgOCMv9FvWUgHLL3orHbfw\r\nOdzumLUGkd1KkirWlt1Kq6w6E4gIiUQqTS2zeO8cjyoiJY1No3TJwJPPqpWD\r\nE2GR/b5jhrxa/+zdWZVr+d7ErRkWnMMGW9woIn6VPX+P07qs+clyNiK94T9D\r\nWIObsk2eClKu4rFzdItNh4Kb3CMhlPRN0dceiRfZpKJ6C9ExOzv2fFF/9lwH\r\nITT/RU0bvQT9ifc2yDM+b5p5PqeMkclWroth1s8pwHv9j7eLiVjRHDElHmvm\r\nd+xayZX5e0pEyjAem2424xX+FidUVsx2m5BTXu8L9QXy7qrxUBaK7JQBuWM6\r\ny9bPRitA91P9JU5zoLFxU+1nqGemNpIEQek=\r\n=QPmV\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.20-6baf34d418f38cd1ab527e784fc17eefbad11344.0_1648841576849_0.5711256245763461"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.20-72b4e3f4fa868a7d457edf86a8d64d6d7c3f1c7b.0":{"name":"@unifyux/theme","version":"2.0.20-72b4e3f4fa868a7d457edf86a8d64d6d7c3f1c7b.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"72b4e3f4fa868a7d457edf86a8d64d6d7c3f1c7b","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.20-72b4e3f4fa868a7d457edf86a8d64d6d7c3f1c7b.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-dSIqNYF7AmymzzxZezfj45Pd++3nfuwO9R79OHGOKgaqhKP2WfFmpKmGG6XKx6TP7qIf7eDn0aqEL+BMxBltCg==","shasum":"bcb25b661553e62c084746198778e987ad0ee54e","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.20-72b4e3f4fa868a7d457edf86a8d64d6d7c3f1c7b.0.tgz","fileCount":11,"unpackedSize":15710,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEBvWqDX5cheB5XUeQFL6Dxl9dAIsLCIGaISRkbcua1+AiA29ofexFL+GF6hlXkupP6OArkRQBYoeHb+nJoRvnKOtw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiR1+XACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrf0A//ZKY8z/8GJbmpZm58AOayB2pL3aW9+Ckrb3hX+AMEJVM29EK4\r\nYebuuDKiAbeqoHgfpArnuYQHTXFzU2bgihw1zqQ1gL2z5FjmeExlM7Dbe6cC\r\nXjIcMXrBSbl9ZJc99NxNzfYhBx21avyxJA/QtUG1PaQYK71GAs2Rwx1lkjEF\r\nAzbMPUWxFEpRsc7GrW7lbaQF9+Tv+0JKi5l+nL4hPfinpblS6M0UbFNbzVny\r\n2wcpwO3MvcUH6Nsw9v7j2mt9qqkspFc47klcL81IUK6YRj58/pyFDtNMALqe\r\njaOjMZcn2qUcCnJuRCcuBb4ITicKE7PEyJfALfaOY9fM2nSPtXWkaQdOV8+A\r\n8Jbti8Glnp/af3eJ8fZpCWGB38oePSWTUtHcuBUwUdJtfaKZwgSLPFdGMDj8\r\n7oE1dN4qZ35t4iMt39zTMIoGrlz/7Shg2DcJAZ6thnJ2LAKCXHZ1LaUTmcPB\r\nKEPrMyPtMES9x0V6JAMZ9Q6w8BH4/QUwInuoWptszxTQsEm68BdSXiaZVRRB\r\npY23hz26NVsqtnbrPLLydPOS1e6twjW+iK7aMOLfEx4Aou+UDQWyXeFkWdcY\r\nnn6ylj8nIOzZYvpV+XGhHLLo5eGUVQSTrxxmmCnMVZ6DUSk8RCkD9woe1MWu\r\nP4QS1xYTGYUsQBAPsmv6usJgmG+On6zfpdg=\r\n=/9ZO\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.20-72b4e3f4fa868a7d457edf86a8d64d6d7c3f1c7b.0_1648844695375_0.29068402092226275"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.21-2823cda9a258130250f6c3707b5ea65cde78a37a.0":{"name":"@unifyux/theme","version":"2.0.21-2823cda9a258130250f6c3707b5ea65cde78a37a.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"2823cda9a258130250f6c3707b5ea65cde78a37a","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.21-2823cda9a258130250f6c3707b5ea65cde78a37a.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-c94FGg+9xZHvG0TGQrJckub5KpADCzix+qC1NSWuEUbJ+iCFX3/jRwHCVCbZtx//8ZzJYyRXwtxzc9P46CJD2Q==","shasum":"6078ce61ebfe26df93548dd97892db5d837e4933","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.21-2823cda9a258130250f6c3707b5ea65cde78a37a.0.tgz","fileCount":11,"unpackedSize":15710,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFRbMSVMQD1he0mxVVKxIxb1HGymwkUPta62MMuNuz54AiA2ET3QO/Ss6IzdCKrfQ1i3/p9f7dBCUuGu00lzztnmnw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiR2CdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo0eQ//d2Dy3keYFD68B5eftl6rK980iMo4Bh5iD3DkMNeVVoEmVvOG\r\n0GzNgRlkyUrlNHuZ6AqGmC4AyNrjFlnU+oAqosdDzqCnjl6mGKruld+v8Vnr\r\nIHpHdMVKBQ0q55vG6yziJ9gKYfgh+w6RWxf5GxXY0WDfhMISqfMFG6UV6fXQ\r\n4cVyRrClYTW6MiFRZGPYmSgOAaAg1+7ErQTGMUcBRxl35Bc9U9PlkRukJhk5\r\nJdsX8fE5vmegRXBC26ONxkbLwhrbbySit3AqUKx0/IDZWtqs/RIhMcseh8OD\r\nxTXcI3QWiq3t9VHiBGWRek5DiIVMqeiPfWaAJihRZ5lRqVmsSvy40LOvw+DI\r\nn+U7sXEdvVrSznAJQ9yHd68sV43qZW8dZ+2juDwqx0XZrdaJlfwSyZTJOKYZ\r\nyGWvdoP9sMtnS65KUH4aJO7WJYqIS8yW/jw731j78LEVlBn5HSA8orTC7+74\r\n6y5mc9aOYeIQDEgjlfEhrWce6rkVUrs9wY0SX31OShC985qczuWoSyfjFCGw\r\nsxV5I7ebKuay5wbZfLdOwSTNniPnVRAsfN2WJp1DDHPCFA1jOmxvm0AnuVnr\r\nv9VkvIdE2cKJaRbmcxTZt29tH/rutp0nJwuC/k7EKudOLSaBnxalbQHDKeAf\r\n42e7GrskKeWbU1xcZHgWyBsEz06IbKl3LE8=\r\n=ovt1\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.21-2823cda9a258130250f6c3707b5ea65cde78a37a.0_1648844956999_0.002561437770375097"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.20":{"name":"@unifyux/theme","version":"2.0.20","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"c58a04275f72a39eae498103b6bed2fc7acab4ce","_id":"@unifyux/theme@2.0.20","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-G32zEGHV5JsyqJYfEznP5pVhRT4ZIns4kUg4B09d4vI/npF/aLHj8yCG3oGc8A4HSSq4EGVofT5Nhy7QBuhu7Q==","shasum":"50ebec140b515c79de085c6f26e8cc00de4be7bd","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.20.tgz","fileCount":11,"unpackedSize":15659,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEyANOgNeiHh67pVD/c2WpX7lQBX4oBkc0uqGb5UsV2hAiEAt+9lFj/sRpTMiY+MQ6wvRsFQq9aHSU0VmsK244OQKWg="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiR2L0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqUnBAAkF0++9AqSGp56diLU9Otixp9cg++l6e19gagbwXo7KdCUaBQ\r\npl1RMKrwcprnPnrhHwtXNj9pRgv4dNhQZyRpF4fNuyvAH9bHWrtqnNYtEBZS\r\nJBpKEyqmUcRNbSoBKPMgM1xSWHS6HZeWODTffp98jD4EvfB1xurNwPdZ93V+\r\nZbKPiie60bMBxMuQszrh0FxNIW3b+9M2dIpW163rCsWCmJzHOV4wd7kZ2YE2\r\nVFLhS9qfLhus+wKPfUFyFvFlplWh6XcRXqd/SvQcHLr2NykZiE50JvWRt1fF\r\nfCC6719ovY7pDGegRdMtnD4aFGjjR4Y91M+mynDXxGWDY6wAYiqa+oMCFKw/\r\nQP+NVCgOe0OA7YB+0T1kBDByETSdnkNymyNStd0ua9gSmIF6oXh3Rj5JZSTz\r\ntSRrxq6VY07B66z9nZQOWJB6oXBGc+qprGnlIsPES3vkPhvwfrNEsN6VE0XC\r\nJfPSTplz+vzVj/zqwnsRwauGSab4KhSHyHy3iwOIYvEKmj50g//GloCiu294\r\nvqobnJnSZlVzHnhocBMcAukEUG4DoZQVqrjkmNUrEmtlnTd6EymkHt1xDCJ1\r\nfrlS597oiuCyz3hbarHRm2DcJy2xIP/TMM8PTR6uEvyZ7TF5J6DsZtbLXwIy\r\nhb9YOAJsf/uooVYeo+lMYfy1yEJPFsXS9Fw=\r\n=d2tE\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.20_1648845556273_0.18431465236567046"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.20-4378ccfd035608e9a9490d673af09da8f903ffd2.0":{"name":"@unifyux/theme","version":"2.0.20-4378ccfd035608e9a9490d673af09da8f903ffd2.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"4378ccfd035608e9a9490d673af09da8f903ffd2","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.20-4378ccfd035608e9a9490d673af09da8f903ffd2.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-kmP1r9gFMS6l+vz2Q8CnB+xeleDQ6i3zKZ3IHDGkLrLr6dI6lDOHpIYGJ7Z+zO67riftYAK92TixlWOnQGBJEg==","shasum":"b749d28bc0cdba93192c28e2ce19ead6c184feef","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.20-4378ccfd035608e9a9490d673af09da8f903ffd2.0.tgz","fileCount":11,"unpackedSize":15710,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA1SC1+Yh0APUBnz26ZdlNR12m3WzU2Z6xv5vIpMAY2HAiEA3uzO3vQQJUer/dIyBJrclzm4J1UacQCRv1qPJ5TLA5A="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiS5FxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoQ2Q/8CRvo4BbtEmXEmrp7XAJh2JjCkuByQ23RoqkTKal7EiwlZHbM\r\nYdagbFSxk1RsNMkVdP+Noa19wVM7d1wS8jd9gfx1wZCVKikp1AP6FBnXDCiA\r\n8c5qM+hlnSayWH8Q2y8h5yl7RzgdWLE24RMc9egJlvB3FfsqnfJyPADLG8xl\r\nq5fla7YIVO7LJ3w4IDS0N6Z6ebwrFRChKSCn8JKf0qh7ZTaZQciwqy+/x8lU\r\n708xUsMi7dH3plPaOr3za10Kv7KtXcycxk92mh93CVloO47rgr2CRpYS2any\r\nOBZyLd7N8TFrPSehf9wzn0lIjREBTbcAojd9EAxyf0Imt0ITmMJYtMLpmdjj\r\nsNxEfK/tYLe7SdzN4EaUL+Q9ibC1MPMmKpqI8s7KlkrzGv5/Lcdb8JTo22gm\r\njX7JYzJRBqrzv9T1A/PHzx0wvjaWkVCJJsGUcRyOFsZgItghTCszDfNhzrHj\r\n0cpAGlxYMY9FSapD12eQR1VEr52LYdHhqoKvMQ3i8FPx4JStn9/LwZMKybhe\r\nTwXuUcxGJuYWO3ccCj6ySc3tMeNBDfAQydbnJ1DP5w3dPJvWjbOqeTxqae/P\r\nNtDMPzjdqCblqvpuLyFwZd26YgVsVHyOYGPyZfPOpjvTA0+fQPyIRcPKCXD7\r\nETmjzs2ryKX98KiltCgjMctNVukShsZ8cRU=\r\n=nmoV\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.20-4378ccfd035608e9a9490d673af09da8f903ffd2.0_1649119600823_0.7494384968676764"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.20-b8e07b8511b3dfead26e54dc9784f140def3038b.0":{"name":"@unifyux/theme","version":"2.0.20-b8e07b8511b3dfead26e54dc9784f140def3038b.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"b8e07b8511b3dfead26e54dc9784f140def3038b","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.20-b8e07b8511b3dfead26e54dc9784f140def3038b.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-tMC2gQLLTM9tDys7EPFoUSGJdYsVrvJoW9uO+BPPALfsz/P6Y+zi1rsU6z6zYtDmdjYyPLIAkrY7RqDqvNBzXQ==","shasum":"6a6c6869a02b5ff6957b1c13bd8d5353dab83cfd","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.20-b8e07b8511b3dfead26e54dc9784f140def3038b.0.tgz","fileCount":11,"unpackedSize":15710,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHlu3XmdUuSz2/4h5UKQ/797PvldWZkbbg2kglykBGy8AiBpK7o5QfjPd8Vyju5wOZUB24mAZZJQj7D/kO/+XwerTw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiS5G1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqUKg//bILaCmlh2Csmw6KhCN9IuuiXaLC1UH3aCgFTnF4v5e/bfOdi\r\nzXG/CYUVJmgm11UU4J+Jr2AC5hMFQsy2AHfI8k9fQfvZqmjSUOh7EKSVW1F6\r\nR8/1aFbq3QhkJz5ZYCYW6XSm0P28d9wyLoFwfTXnGdPV94Xgh9E6rIorGH/X\r\nGy8VcUtzeBcxOgi7dYAecrC64ruwDoWk1n4KL8MJzcyaiKI6rkGhwO2q8IPQ\r\nva2/S6zcqkquyEXnjLZrKlGdUGm7URFnzvFJtC4t2/rDdPPOQKsfHAUgYLVw\r\nRM+d5jYDmDbDUu4oEN8egIoMwPSug+rLayu6aAiwrwFf9i1Uad+FXkCnFIFW\r\nd211y2RcvdZbFlSvjt+70i+NZ21U91W3ZVdwe61t3mKCl9GGuWrjkwEyJNqu\r\njsiUa+YcNqNibwt1Zjp8rPwKwOM/1AMWMRmBvbIMWM6mEv67q8hzdTpyUhWK\r\nb3a/5iMs0ICP1IplbS6xXQNiPik/MVIRVCxoY01d38KxNNG18OW23gIWX78c\r\nmdECqnzKybKJNz0C/sJBojS7HpCaO70DVGSpIF7e9A7RRw11AWThWyXIBSGm\r\njF3GA1hxmp/vN2NwTS/HFCwE3izKXYdxJ0MC4abJGbM2Nx3mwIp8ApBAbMAr\r\nmiVC8u1ZrPXpzPN64GazrZsWEwTJicN20TI=\r\n=7j++\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.20-b8e07b8511b3dfead26e54dc9784f140def3038b.0_1649119669699_0.37380410731225977"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.20-330dd22b576e0ae40bec069ae5c08bf3f430d449.0":{"name":"@unifyux/theme","version":"2.0.20-330dd22b576e0ae40bec069ae5c08bf3f430d449.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"330dd22b576e0ae40bec069ae5c08bf3f430d449","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.20-330dd22b576e0ae40bec069ae5c08bf3f430d449.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-ip8e5uBXKkXVc3FttIvQP9DKCRT8F/SkA44iVUSUfCic6ZPFzR0U62hWCH1bepxy+Y6jhSC3lxeUIMA1d6paHQ==","shasum":"37734000b103bfaedefd092702b37edd0e75878c","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.20-330dd22b576e0ae40bec069ae5c08bf3f430d449.0.tgz","fileCount":11,"unpackedSize":15710,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF2kSmj1S+RKJWOKgU+r6wRp6mf2F9RrMBViGg2jQgoMAiEAzM6ZIVg52G4LFr2B4AyWMLqGY4X9QZRxfVC6TWx65bM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiS5SDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp7MQ//ZCMesI/cElkvrQlQjSg/64Ih93dPSobRiT/5XOpuVj45De77\r\n+3/w38IPbmd0w4sbDkQoYA0h+sq/LHNN/Wu3yIBRuXd8dA7m4pPusWIWjH+g\r\n7ZqFoI8/QA9hBP48Dd0cwf3J+OAkUDem0By4p5yf5jjgU0tVt3hR4sS/6un6\r\nOXjbGevd8Jq5nn8YA3KllfnyN5QBerMASLG9camqf+/dEFOncmKLKY6ebVWU\r\n76JuSdju8iAd63tpKzZGWZldeCllu5w2inQSJ5VA5gHJ7bo4dRTqLpttRNLi\r\nhx7K9itUzlfJ3khGqiisd0EcvPokwLs1D1EMCWhP8wcZM9eBQYoRVSlDABhy\r\nSBAhAWSXTOujHxTGYZlzbaVpFDMgbKP08vxJGjH+lStD4J68wLfydiW4ywhA\r\n77Pcw+AQhBkkiMPpnpqWUz9L5yeEo/Bt59lqnZLQ3Ft4jWxdxIId4Qc7lxCz\r\nJIYnbKDI8NOMKffsI+QKseEr7bF9UuWwroXLQP0m2xyCdcWwcaOAxjPlA8Pc\r\nD4hJjUOV3qMi8BWOQdOidtyg5GTwKnrFIsxbisIWJW3kDUGs3076QZtcJCcA\r\ny3VOlshQ2vMlHRVyZ8Et5pWFhkF/U+Ka1LJsH4XOvdDt94ItPqU4G+a2PMTI\r\n+n0MEXAh5EcuLos58Q4u5vfLqZ0QWiyx0KU=\r\n=QDh5\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.20-330dd22b576e0ae40bec069ae5c08bf3f430d449.0_1649120387425_0.489695696775561"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.22-09ed455c142d00b7e8f3073bf39ad34a5a062707.0":{"name":"@unifyux/theme","version":"2.0.22-09ed455c142d00b7e8f3073bf39ad34a5a062707.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"09ed455c142d00b7e8f3073bf39ad34a5a062707","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.22-09ed455c142d00b7e8f3073bf39ad34a5a062707.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-0TaNKGt3EjwbXjsw8YyF6GripmSvNKv4JZr7OJX3FV44rydhALGYLWB4mY5ZlQn2XGsxOWjlpdS5lCUXRpqE3g==","shasum":"4af2e841ba4b0e98414fb4415df69137f284a7a3","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.22-09ed455c142d00b7e8f3073bf39ad34a5a062707.0.tgz","fileCount":11,"unpackedSize":15710,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEgyc2UY58SbcP4IFJ6TPvKTyYOslzrEefRFyLi1yhn7AiEA69RgS4+ejDas5gyd+PHs2VcBkOZlwFKg9eC8iRSbkG0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiS6H8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpihw/6A8MzLonDzV0nCcQz0LHcWD47LbOu09bZkRcwzJqpkBE/i/FA\r\nP1uMr+p/6twWEGuxPFnBKAUazSYIixVGbyExGC8TuPj4phLMg5CVvCGgQfVc\r\ny+ECpzrc6xGYCM4q+NB98XdBV5AgugWIjxF7wW7x0DJKXdeJuhRMzgSbvCBB\r\nweHXK8uW2lvdFLBvWD2W+G5wB5IF+MAKHHlkgivcMUydI4krX0VM1oiJCEky\r\nyKoH7dcBEzrFFovtOa3KLnLy1ZA5La2h9fp1W2KlmZenn83SS3Mi9nWwpxkG\r\nObdD272Wtkklk2ldPKg+reEMUQ95ZTRySbh86MoYkOlqlgLvEa0JQGLCWkqr\r\nnckrwL0/LnbSXmtkDabNH0+r9CZ/BFjfHGIyM3NSOar158w66kZdffrscweN\r\nyC3yPJj1jaKXCNWbzwEVKTfxSFLzC8mX/K//pXovrRH9DlsN8KGcJO4MQQQn\r\nplJimuR8m15oiTsbrggS83G7lNwxtFOlCVjZkRPJqBFRuZkky/flC1iXksmR\r\npV8U7n4yxqPr9XiftBgc/oMEUerGY0jjWev+BeQHlD1BYHo0Clc/hBdfY893\r\nQ6aMa34gTiz+Yg1PoQpSM/GWjR17nAhaNvs065vE39r+4vxUkDZTfE2foaqb\r\n+bjaeIqfZZeJKCbdrSezxioucnPVoBIJFIA=\r\n=7mOC\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.22-09ed455c142d00b7e8f3073bf39ad34a5a062707.0_1649123836110_0.29606466965331135"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.21-053cab2b91aa330525d09b43b856ada5dc3783d2.0":{"name":"@unifyux/theme","version":"2.0.21-053cab2b91aa330525d09b43b856ada5dc3783d2.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"053cab2b91aa330525d09b43b856ada5dc3783d2","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.21-053cab2b91aa330525d09b43b856ada5dc3783d2.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-EuSoBuBEO4X1gxCi0QZRLuWFEZbXc+YPlbff3VofJ2DTos6yxFT9L+5MIwcLYpUfh+myYXRc2xDA7kM0eLMEsw==","shasum":"789bbf8d466bbca336802e81c50fc08e2cf3468b","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.21-053cab2b91aa330525d09b43b856ada5dc3783d2.0.tgz","fileCount":11,"unpackedSize":15710,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDkD0m/TzOw6ueF4oxcRvGLzTYhjPG+mPSNsveCD5IYjQIgM3YfVdwJE3/5HSyrEiwK6MiPhh4lvXcHIHN16llDH58="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiS6IEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoEgQ/9F+JIPvKoBo6EAXtCjCmPv3yYtVJMUd7pFxi8x8hQwd7ssfrg\r\nd4GsWQ1MbdHG0kvuKryRqkLYhD2fZ/8H0jMbzbGLg/oAYAua2WVH6MM5DlAb\r\nnkb/FP3GbgUYkijweTb4tLQCbcd1us8EwzFvsjX6OYCTwF4uDH3zBC/7kfgz\r\nxfTrufQA6ogDoP71tOoRKtDTx3DwzbdC+6EACjCEMTGfJlaN0xwEojcqV9SX\r\nO0lRdadBRtz5ju1E6WNLSfznzKPjRM6wisdjK2OLk9QliSAWT3tvty3AQ4GI\r\n6b+2/boZc6ioZazlElxGFqxqM4H+y/4qt30kwf1MdB1Ob9hcGPo1htDf0VSd\r\n9fh/oTrmWEi3IqKk2icO7kGpj45wpHh/CfwlF8RddV2sVS4JcA0twPMXHQFh\r\nLBXzfW+BL+5IJS6KrYTEE164v7JHN5esn6F2JPUVnmI1cxgLVNwkfjFECWAp\r\nM4dRnw4R3X3nvA0h7kH78IfTwhGcTCHFVOVLLTSPrkpMSIfFm5V3z8x4PYUt\r\nihAQqNQ2WMsux6j9mWPjcuisGxtXqpyHlYapJUc0mgtKjilm1RBRl9wiAB8u\r\nVq6q8ui5BzNN9NrqQcUilCktw8u2C/PV1R7SCdIr4y44UrCQ2CpfpdYdgRyb\r\nZcluvUgNMMm9Or8A6q/Z+P0R8npLnW5jTPU=\r\n=8bWw\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.21-053cab2b91aa330525d09b43b856ada5dc3783d2.0_1649123844491_0.9428838256949779"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.21":{"name":"@unifyux/theme","version":"2.0.21","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"cd0c4e934c65540ca05421144417aab0f48e6484","_id":"@unifyux/theme@2.0.21","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-d/eEqiD6w/Dg5B5wlsxQnJ8+SZ06g9+JwqMOrRKWyx+jUN70EEW7F4lPI1u03KpjqBYGcoeDdRZfAmjdAtZEPQ==","shasum":"54cc14250b2cc7db2c93f04d203c74e49f8d9c5a","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.21.tgz","fileCount":11,"unpackedSize":15659,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBP6y/wG2T1qH7iyOu6Mi8CIJwOxrOf6UOguko78XdkBAiBcwgmndF5eTZuAbwbAXuiVOSOIwxmBOT6NAAV6OHe/Bg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiS6U/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrhNA//Rv85VvRrykDiIoclBUo5BKBL4eUBw8lqLZYAb018aI0C8ZKJ\r\nFv9btQDiXfAK3SGPnDZ0MK2A0QjSJH5LnFeJE5bmtOIwTgmhYRBSTdG0kez9\r\npIM8bvocRChMDLfp4CstOgOLvMNaRaQKDM0K8rDxpkpgFp5pagsiTqqZuWsu\r\n7ltmbJLde5lTwsY6XnOlKYzzPP6ZoFnfPXvY9DqqRfJ4RDl3xVK72ZEEAnyJ\r\nRRVEvfXwVwIqYN69FkCGHFsoACUDXVuyF740czqOsghvLZfRXJLiRqJx62JC\r\nR6iehp+wnDcvsk3uo6fWZm4a/BuKRUka2glJLI6b9bHVa6PH5bjswOVOD85r\r\nKk8/bBsFSB5LOZGmK8ssPLUCkQXwIVV7+mpPk9vGdUEpcsAjc7CsJx70qCt2\r\nnCQE8VLX1ZCWJG1knA5rUdodloYhgepgu4R7/msoG8EkYCd6YRMmickQ6xEQ\r\ngKSmO2SZeqzthUK1nIshHneN0l6hCzk/oLtCc1AAzniEvfCQxbpDNnJA3uRh\r\no3kvhsNvqE6Udz0NQUN7N3aXH9wPGEACpJD+RbXkRpJSss97hXNf78kNPgeb\r\nxzxL2VVC5fUkyXLyQEsI/ilHI/gkrd/8TF5r94f7goikUOBsG0vm3ewROl2o\r\nJjo57U5WXVQdmnps4kO/S4B/eP/9M8dhgBI=\r\n=pp2v\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.21_1649124671699_0.5782530773350896"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.22-6e813462c2fc4c33a679f906bf9c1220bbfe49c0.0":{"name":"@unifyux/theme","version":"2.0.22-6e813462c2fc4c33a679f906bf9c1220bbfe49c0.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"6e813462c2fc4c33a679f906bf9c1220bbfe49c0","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.22-6e813462c2fc4c33a679f906bf9c1220bbfe49c0.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-NqAogfSNoxI4SZZOJ8xKZiN4Abhp57eqIfzyfXbV4WWydGjbghfyxwnHfyZDnKZL774ozRmDUqlfXKM+KMVQ7g==","shasum":"b12a7b26515936a3b2c9e67c83b1f6c2371b7855","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.22-6e813462c2fc4c33a679f906bf9c1220bbfe49c0.0.tgz","fileCount":11,"unpackedSize":15710,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHAwGo82qobPNBF0ca5QWdRau8Rg1TWOdx4iWWHY+175AiAe/2R0bCChHdwEkRjMHyvBuEruAJ1+kMOkd0S0anCOzA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiS6fsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr/6w/+O+3OdQAnGpZzAndRLbbKSCwxeniNfsMlM5RLkhq3QTn2IM+2\r\nihoZW8suwmG/FdcNsXdEpvcVpBycBOy+9XWgwac/Q0QdzSkuYGQdhDWTmVGx\r\n4CKF/7Y/Sa6cWT7UljlKWeNYOHKpjN2fedTzC89U6uUjTJtav2RdnvMhNuxu\r\ni11CmQyno0la9D2ODYVlSzHgRlepDAbxD+mnfxokeQ7zeM6dxIn3tdEhRfi/\r\nKg1O7gnVcyjP5gyfJTBj6TIgdnzMOGT7kXwFSbR5U2C7lvKB8uwOiAMYAkNr\r\nmYJ7CCpAlcGjb2b5SZ1KPwQLCGT+5n0RtFhnz7AUR+/DofUdTpSUSD6A4LO2\r\n968GzLefg0PJlYiE2doUtendiLXZKbG83Ukak1C3b3KPu2HdJGdBqTh8YosS\r\nmYImIMieolFg8/UWV32VZZQ2wXOoGMiHEd6qMv+Ox7jixRMOzBic7uy0wWru\r\nfGlkQO4ofh6aeA5no4bROd1JcFsxtCmPvBWqMDuzyz0cwH2cm+XT6NHAineb\r\nmu3M4oujJYTprAdeYfVPxaVCxwAgzJ+5XDhTU86ESwBlrlL9in419NgFuUed\r\nVBbfCzKGWGqmZmIRDLp9/jFNKIi9m8uqd4HFwyhYOJ6WnYTXLGD8LVsBisNX\r\nLYrPLYNocNck0qU6mEUoEfBi6i3cpvvvQCg=\r\n=wqye\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.22-6e813462c2fc4c33a679f906bf9c1220bbfe49c0.0_1649125356463_0.49275964200584776"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.22-611081515151bbcae4c7895057020511a2019a5d.0":{"name":"@unifyux/theme","version":"2.0.22-611081515151bbcae4c7895057020511a2019a5d.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"611081515151bbcae4c7895057020511a2019a5d","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.22-611081515151bbcae4c7895057020511a2019a5d.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-5bsoyZsRmruQn4K9dD8YVVUeUIMx7OAUUR79wgfjFk4iHiQSliAyOmKo2z7s+K6+toW+T8I8M6I0YL2an1SgrA==","shasum":"8ebbd4ffdf6c6990bb83ee25248e5cd724d3162c","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.22-611081515151bbcae4c7895057020511a2019a5d.0.tgz","fileCount":11,"unpackedSize":15710,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA//SxFnPKcdgUecC7ibRZS49yE+NA1tNjDSqLzkuX4PAiBdiyWrrlDn+s/BNZ5mZ49c3Enot36K5dmaKktH9pGWpA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTenhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpc5w/+JF1UcIwuRjJbTGO6CzEU0J5kP/tMAPghw5EHvZhZl9HUd6H4\r\nax8aY+M4Bik3rUi/3kgddvsCJE6nuFxhSHCo5hRfvD6sUF5Ozqph89uQTpDf\r\nkNhaYnyJnkIrRqFnFOVjqTxFPcdMco1sujy+X8LWDtiMCdguD4QB/Fiuvuj2\r\nnRW5WC7b94EHC7tRiM31LmYoJfuH73QuDlHcNEoUUQRa17iBp5+yDq25Ea7A\r\nhdOJHibFDQspugBVxc8ZfBrBpxg94UF5sUvAIse6wqBTjxlsWAXPoSeNhT8Y\r\nZtlBmKJDLzqmBdJAPGk31vVUZeskYx15dzWQzYb8tlc3Vi1EV4ovjEn4flMy\r\nPiumNUwuqQmSJ0zsFe2O+eLJzEna60P2zLJV6CI4Tj8uNWPl9SN/0OD7rH63\r\nsEXLSEA+bTxcFXl3p7LQPmTeu/Qv+mUi8eo9L4O1vcwtORXrl8rGdnyT5zsz\r\nUugNfC21nRbEEQSf1KOhz5fE27gClRHVVPpR35FRF+3db3gVNG9oacCkcFf1\r\nby05J2MZith8kDusfOLF/Bd8Qb1SWrxCD6c1dgqEt21RRZfBDzDBPwhSoxeH\r\nq5twKXnW3vtmf0UZZ7BrN9FgY/0WmHUuecDk6TYFskv0NE2FaWPeEEDWF61R\r\nkzT7xq081V5Dapzd1ZtOIBPtAsCybKao3IM=\r\n=AsXW\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.22-611081515151bbcae4c7895057020511a2019a5d.0_1649273313674_0.27394938064807195"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.22-33b2050a2096ec7258b7384a41e131992355acdc.0":{"name":"@unifyux/theme","version":"2.0.22-33b2050a2096ec7258b7384a41e131992355acdc.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"33b2050a2096ec7258b7384a41e131992355acdc","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.22-33b2050a2096ec7258b7384a41e131992355acdc.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-OZLqdlI3bPfkbkXWLlFZF/79/PkeZqs4rlF/yfsarob25QyAE2tIITyBhDS6ru+0wDYjq4vjGnGJtlDwD4YZNg==","shasum":"9beaa15e0c3073e07ae99c387075bfbd7a391de3","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.22-33b2050a2096ec7258b7384a41e131992355acdc.0.tgz","fileCount":11,"unpackedSize":15710,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD46gmZ1IG3fwGvjCacHH7UZ7LKo8awPgDDlIQ1xTn4xgIgTRbuJxQNOiuvAEndf+Yg23t6Dey83kYSIn47v4UNL6k="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiThj+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBDQ/+MhEkSrrh32Ey7yWhpqonshJ0InqnAFqfgofkn0M3eSB46OpG\r\nuU/dn86yfnRJDkjVjrn3knrYHZoZHuc6iVY0UV/3TR2BYAC1tLoMWuTR1JCZ\r\ne3elwzAYf55WNrncQ4Pw9Yji6Jb89+SjY6w4LyK+exTG9dzFVewjvwHpOa3D\r\nYH6LWjuZJYRCklby9tHvCoatjzcNSLQYjzZFcTONF67ZPO1On/wu1V6Osa8C\r\nrFTa0RkIpxCZb4dRZCitMczCCUKKNYPWhQ9WcSlauVJn5+kgqGnmbQYY0yaj\r\nY71Ps9vF9duppvld2CKbUHqkj5ue6i/6z83NLkv4pVjVf6uAdCKxSY0aUJZH\r\nXdp7zJMAAv3XDAAMMj7Mj1qisu41rdrs5PWPgYkIXYTaAZ5DReVf6MKyWwsB\r\nORjWIeXWVEs73AdVUB9JVmEFC1FLA+LDNN+yIWURUOuOSPKacP92cWy6I6n/\r\nnbbnazL0z1s6ZdUaegNJdtIQnvZJ1r9YJVnXYdIvQLzOFwx/8KOzJ/+TWmAP\r\nczT+/2p5f3LHqHCchvrkXG6o5QynLv9CvCRiwRhj7uqYxN/YLaCV+2t6lWay\r\nYDAs1oaRaiJoFeVITzsgrR+lJf8sd715zUD5+p+mohhSL0lPSUlhTe2GXp0W\r\nwOXrwRyH5BHH/VRAI6EwBdI2Ppvxvzdj9t4=\r\n=CPb8\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.22-33b2050a2096ec7258b7384a41e131992355acdc.0_1649285374700_0.7776686802957595"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.22-714464281088acdf8be30ed4ad54ae42e24687d4.0":{"name":"@unifyux/theme","version":"2.0.22-714464281088acdf8be30ed4ad54ae42e24687d4.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"714464281088acdf8be30ed4ad54ae42e24687d4","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.22-714464281088acdf8be30ed4ad54ae42e24687d4.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-avDd4cLnbdEFOOmUG6WFRYrpWpLWF9hgBdmbjBjyL9hftGjEjWy87+eGOKJl/e94YCOKiQkelrs6sKodqYqoVw==","shasum":"13588679ad6a472a6790cde94f2d5642592955e4","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.22-714464281088acdf8be30ed4ad54ae42e24687d4.0.tgz","fileCount":11,"unpackedSize":15710,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG8WIqbK181PF/ipR2AbRUDJOERtQ/gz4+Rw+sjd+dx5AiEA+RFXJJRQrxb9a+Ixs7RMef8ROZ3k1kmrOa5lM9lVMbA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiThzpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/tg//WJOymcjAm8Bj4xsAu9cprIgIbVBcwDIgIeuUlyX+kzclwXIS\r\nC1lAZMHh/rLwtbu+zNfMFua6ZjaP+7olVBhAoH89XW22HG60ZVjFD4wWJ3JA\r\nzPpjxJBSewzEm53go2Fl2+2+3btqQACmgv4hHPxBb8PCPA94uYTfJ7VfmGDl\r\nnXuqQ6SyZ+WnR2FVBdFx+EPKIig8d6GmsQBDEY+Jjr+BPAFdSrxOiMhdFqs5\r\nZFFuhVN+6r54rrORcu9xy8ZGAKPSgw8+dv1t6ziflOXTA0+/pzIEm8DIPQe/\r\nUp1NSLkeZinR49nuv7d4TYY/pdE6rAVNhe48/QUtiyGEreTQXLgf/of010zT\r\nBYMnRpkEeL3T4J66po3X82ssx6+xZ2hBWErb+bbEdOlS3FgkaQN5UxAXQ05p\r\nTdEA8zaAjsUfCHav4hzw0YdxdIbGuKCvNdnszX+dCn3uX7Y2Iytct0ao6zXV\r\nXq89UsdFrsIXKsalJz10+idASwxdSWjHZGOcEMILJtD4HJqtYBEWK0DLbRxQ\r\nI3CNfXLEoAvro8QVlOFBhcSnCsXubEnmVxEM+WawIGqBrjeVOUSS+TLLZV5T\r\nsyPQUEp4SKXVmjE494JJUIGcZ+djRdW0DigX3pamQDlNcdYjakk9ovZPst5l\r\nzMHy5f4l1nRxY2UGWmiaIFbMdkj6j0gIJZk=\r\n=9fvj\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.22-714464281088acdf8be30ed4ad54ae42e24687d4.0_1649286377724_0.018702622525850865"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.22-c653fe620d9fc2655255bfdb05801f00b899e8fe.0":{"name":"@unifyux/theme","version":"2.0.22-c653fe620d9fc2655255bfdb05801f00b899e8fe.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"c653fe620d9fc2655255bfdb05801f00b899e8fe","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.22-c653fe620d9fc2655255bfdb05801f00b899e8fe.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-hgDAniVnVbeh8UvdxxorKGqLEE1lLDgk9XF0NAtB2mb3so5hd43poCKAOYUQA2QPR+6bIJSihPMWd7ZnL9u7Sw==","shasum":"01e18febbb934a7cb6ba899d1036eaee2f0d3099","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.22-c653fe620d9fc2655255bfdb05801f00b899e8fe.0.tgz","fileCount":11,"unpackedSize":15710,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCCKFR4Etf5acjZU3E4f6+BpgizhjbhGHRv9dWmmF81kQIgbPBaJ1l0NS9M+eUoKOYkpYgENtLfyRr70B47LHGW7eE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTvAJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpDJg/9ErW3ThL/LgEYHON/3Mk/7DzgUVoCROKk92jQoPZnFk0f2TL+\r\nzXDiGCDUIOK9bA9NvhTkFenINs04zGYknJwn/63yE2vtvfdtvecV6bLcCK5f\r\nq7DJ4NAvZ0Tt78Vx0Wte2qw2E/uA5myxh8XOeP+7J3s0s7vHtsvoF+4pC4e/\r\nnIL4nfNDIQkx73aTGf6gSmOHr/jf2bLbArMXUbO4uM7zZtY9wF1M8Tfv9y3o\r\nt06MMG++KFPHc2dMUroNwa8NoreVEqjtPZPDFB22wH+7MGtz3zSiDSdUrpCe\r\n8d8AZuRkID5Vkn7rGllSWsE2ryB28ekZKRWT76j4p6BI8RMZC72Pe9mcGlzK\r\nBWneDGxdC5WbrNwDr9hICT751cWXw9SqNb2SGnCpX2T/DR5h/9A8hwDKvnlG\r\nOZ32X/r464Bk/aL7qNwGAKhyHhLt9gNi8SGmVK86OJQ9ibyLr4iKWEStxtFo\r\nKMcl6rNGALjDHBvket0HB+DyIj+B2DYgEAiY4OlIRqRteIWFtd4wbTw9hxsr\r\nOyxh+0P6ZeN0sYfdT10yfC1sjcp5BDjxo7kDUjCG25oSNvGgNaNJLjpjZnbO\r\njBFtoKjtRnZhGyAIfJSD+qSMZyNTpDp9y9KfCKS9npyQ5KUF9rcRgkWYj3u9\r\nwwBt2+YdYc36XzNuwULBhFVrAoqUY1peaSQ=\r\n=90xd\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.22-c653fe620d9fc2655255bfdb05801f00b899e8fe.0_1649340425652_0.22748078418033568"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.22-73f34e888ffe7a111d648c13c6e7d315342692d9.0":{"name":"@unifyux/theme","version":"2.0.22-73f34e888ffe7a111d648c13c6e7d315342692d9.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"73f34e888ffe7a111d648c13c6e7d315342692d9","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.22-73f34e888ffe7a111d648c13c6e7d315342692d9.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-zG+A/8kneND1l2/7+UhhBvfcS3xy+sOCRobmiHEs2a+4W2BtbUeV96ZAJXkAhMjNKK6Z0PPzmAyCROREkoTNtw==","shasum":"8d1f26cad96a4a182e3a368bce5c35779744ecc3","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.22-73f34e888ffe7a111d648c13c6e7d315342692d9.0.tgz","fileCount":11,"unpackedSize":15710,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCdZd9w/NAOVp/X0i9ZPhFl2GC8j2pq/Wm4kKSfRwo4nAIhAN1ZSwphUKl+AhraT9eVSteoiiT8v6YRtY9O2Iul5+1c"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTvKIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo2Sw/9FW928yDTlHbaR+2T4B8sdqUhA6yQHLWbSOLd657RmhbjBrMR\r\nX+NPz+7DSsoe5gG52Qc7VXPYb9hD9Wi6G25BFPwAgTGKFdG+e57SKRThE1Pu\r\nwy5TnaBdZT1KwJKsKk5DFboajaAV0txMrbFO/h17ZLWA2VzKnEHZ6Zj9qaaP\r\nZ+tJUVWfO7s3/fY1Bjbl40fKcZDAyeuGDOcLaMTp9nCbOdNXb9BuJMCNMBRn\r\no3BMOIdyPugXtj6G7ptuebXI9i/gbDqLB1SqUscM3U6bko/kn3HE8xa+5vHt\r\n4h2BH74fdHXzxgHToc5/2R0PhrPDmTLwXeM39KVFz6oW/XVizozJnn1N6Fb6\r\nc8b6FqovH5q6w8rwMknmOpmxBOqD6Kx3ogslD/YReHqdQdlQmFE79giNUu8s\r\nHsQeBc4nWJwMqEcmbqReY0fT9yd18zEiGSwlq4X0aIcziPzzysPZbmudU1IG\r\n3/wwBYMSe1VKJ4r0uOqmG5uelLdx/pvgRrxeV+6CST7n/Y4BdSXi1eU6n8rX\r\nxzvl2JdCnvb98U5QCuF6DMc6OsNr0TRdfXbGMsRnrqPES6WLT9fszmpBjh85\r\nHt1Se2Y4SzUpSEnRqZafUKreUyB8yq0rZrcV/5V00E4L/lxsG4/FYZeYAITm\r\nYBx3Rq5azwlia/etm5FJF+xiPsdLPEpFWKM=\r\n=vYV5\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.22-73f34e888ffe7a111d648c13c6e7d315342692d9.0_1649341064422_0.003456989747398387"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.22-09fefd6a316b9a99ad1121c80adab2639af15809.0":{"name":"@unifyux/theme","version":"2.0.22-09fefd6a316b9a99ad1121c80adab2639af15809.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"09fefd6a316b9a99ad1121c80adab2639af15809","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.22-09fefd6a316b9a99ad1121c80adab2639af15809.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-QR4gJp/Xwf0eOp+lWHeUL7jhMjCM0cbOxKCUfQVikuRB5FG4iD1EQo4f2LyWWtgVIL9BgGLw0oq8tx7rhxclgw==","shasum":"11cd121a758a0e23b3ac871086d54aa8f8aef076","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.22-09fefd6a316b9a99ad1121c80adab2639af15809.0.tgz","fileCount":11,"unpackedSize":15710,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICrJfwhO/78QSBKPpiJu4d+aTHzKoAyqteVTLtlK498nAiBTr6Nt16j0k18bYBWwAebGA5xN3e5TbQN7YIdYko9xCw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTvpiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoQOw//RDIrdok1JnB1zXtmhkJOQVYM5C+kFgtEVVq7njvabXKliE3v\r\nTud5VexokhnCmRzVMm+Vp2Z4IHJXMem1aTKcPoMIIz4SL/ketylPrYboQ75w\r\n7baSbLueHzeAAH+IAQDUsjB42eGM54M+WLazW2+8wmoMvXXy+Z3nqUykm1mf\r\nhR2JNYrnAmLr+ong+pnkXScBssELXFUfBCMBp23lniJtBGIvVw1tJcbKQlBB\r\nC839C4+hZ6CLPk9gU64uNJACucge28HybUZ1cq+bIMpJnQdF7TIjherQYnhO\r\nE8BOEYkbcOwsoiLhDrJ7fGEJ8Xji2b/+f0YDzo1cf/Wftgh3hmtbmLgCKLyD\r\n00xbvwPyfKzwcwDBNrrGgDDqa+Fema+nqs+k36yxU5Z7CWVV/FyhB8Kf+ffq\r\nBli09iqbZwh6eE9gO0jGq7Ss7ZBuyk0+3mY5sz9zkY8hSq2Mz8rQREdYK2Yc\r\nmlqqhevKz/YZDnPNwHK0IL55kF/2K4Z+KsfRXWk3ej4jhxutQHz6KMzDE6X+\r\nG9gVgURkz0tAMUuTt+ATyixXtSzko5gmbBHlegH/ZA9398T4dGRlqrJ+D0A8\r\nvA3SNS6+e/T/IraibVxD7T1+Dllkknn5axwDF0pntazqsu5W5ETHsQ1GmN3Y\r\nVY6SDPlffe/3ByuQaUj7x9JXmSeIpwwUkdE=\r\n=oii5\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.22-09fefd6a316b9a99ad1121c80adab2639af15809.0_1649343074068_0.4076055671375185"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.22-1ed434625459a788fb185797067e1c1783e45a24.0":{"name":"@unifyux/theme","version":"2.0.22-1ed434625459a788fb185797067e1c1783e45a24.0","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"1ed434625459a788fb185797067e1c1783e45a24","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md","_id":"@unifyux/theme@2.0.22-1ed434625459a788fb185797067e1c1783e45a24.0","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-5sWJIezGXaQ3HMGVG6IT/EXh0+0w2ELOggWrAcKlX0mqsgjyY4H45DBpaLnplqHx+RVoNzzw23b/DO1oiHGEdQ==","shasum":"b471ade1743e260712c77941537869016ed83a9c","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.22-1ed434625459a788fb185797067e1c1783e45a24.0.tgz","fileCount":11,"unpackedSize":15710,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBU+vZi5cO0OZpVOU64eOB4S26ztnPZ/UxKsGONS+od3AiEAwej/31jDM8GGafj3SP2TXwCRTi3GgGxDPPOJi+FLdsY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTv0jACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpW8w/+MEJOxHzJWm4NPiuf+bzaGLHHQzhUZpbz46Fwx6BM0RDKVP0k\r\ncavF9OTJV9OLarGVJqzrIUHwA9+6L1qR1RMI17EHDuigXTPhaTxlk8sHbzAR\r\nAOHWVSEPeCCRF7cnrOnqi2N+cIsjO9xZo9yOA4r3BoY5WIhnyEA5RUo+L9qC\r\nG6npG8Ngn1pD3Cx1dD3fwTXkkCoD//0zfxe846bU/NwQ3jcgp18uvaANqs82\r\nChZGzkUppBszWv+vmBFlokD46cxHrFmPN4XGhLjNfKoh2nMdGFDekf9BBDey\r\nalYqfe+E84DX9vnxozgsaCp9oV8HgHeFrSiFWso6g0lU6cwA1HJjNJ3Mto0g\r\nnrvuxJqhxXA1bcgATYSXF0BmukbpT9vya1097BD8Ukd54wcNl0PHyFN2nM/k\r\n/slaEMf1z/I0eGllnAI3gDQtReTa1z7EDzsBEKey67s8dSt9GKTqHeUeZ0/s\r\nqKOdddNwe0dwq+vdAxWDcRQhruzMo15L+TgrtGe/9YArgqxIjI4H83RPFzVe\r\nrp2yjQ3ZN20y74hEtKawhRMOzvTfsiba7RYh5auXba1lK0h/l1NrG//rejSn\r\nLrzPPEtDUJ+ouE+Cawjuu7gx9hGgOqc0Jje8/3RWdX5FTrMr5oa+PBHROv6A\r\nV745SpsTDG3t56iOctHbJGD3UUmfxe59VxA=\r\n=qjiY\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.22-1ed434625459a788fb185797067e1c1783e45a24.0_1649343779343_0.730900226424744"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.22":{"name":"@unifyux/theme","version":"2.0.22","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"895f3aacf55afcc8129e028bc38fbd8fa8950967","_id":"@unifyux/theme@2.0.22","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-XAp4d8avizxKEeFCt4BkBw8naD5BF2bJEkhp2KvkysmbL/I6veQ5D8v/C1MyJzYU5Rb3B1KHtuezV4YGVX4PSA==","shasum":"2057284310068d33323da2291907dbeb57141cf6","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.22.tgz","fileCount":11,"unpackedSize":15659,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID0mNxsYMMw97Wt+XLgTeLrkXw20xrlNb/zvQozwQ7FlAiEAy+E4/efa4OYc3oUM+8ZIJGg+11G8DNW4bi0aT/posDM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTwIIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqH5w/9HivqcPH0WAwjMo0g6IllROvR7MWGuisPr5zb/EucvfWsQxJX\r\non9tFfRX7EHSPoNMLr91acXo7cn0h/bNKDgWVrWAOp01TbbhmsbMCwMf+SqN\r\nHKLg+xyzRN1Zmy47820OJ8/KE0ZqcULm6uak8hSIDcOZvGKlL8448kXpbKwz\r\na6gJxAJSUYIwoLOtmMZaBkyzn3FuA3itPPocCoMTElvpeGNgx74iLXA/71M/\r\nafs2TMeGibXZsO70BcHsZM2adSQ43Zz+IwoieyP7vDdEkn06IWi5mZ81Q+LE\r\n8wCvXGyYD9p66vMZldCfttaVwd4J1SQm3dlCJcKZSPdDEodPeqbMD5pXjtsB\r\n8XDW1iHv/cGJwLLv7clnbqbRIw8hqDwg3/pyXHr8lwNmFJ+Aq2ij13PsZPzo\r\n96NYjrXMiZi9R2dIiJYqKWCgFgUYWmAHElZ1QdrAdy+nO8mpp194wZCor5mg\r\nzMrwA6IGLeeINu7tlMz0Ds100ascXKpOVVZ6qiVHX3T5BeiEiN2lR9heJO1K\r\nRAFzu+h/p/r9iVoQ05mWYGbjME2jYO2xOTwpyN7eVehQor8fBd8ECwUrdeAC\r\n8Fxv9T3KvQ9qmDaUflzU/H9iWCnyfI+gJjRrOWPJCU93hZbMeId3PFCrQ9wF\r\n+HmNo+Hmd6uYpiaxPNuxYCb0dLIGCHXzs5s=\r\n=WDk+\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.22_1649345032054_0.9859442049566065"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.23":{"name":"@unifyux/theme","version":"2.0.23","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"c1aec58dbbb327cc62927016eee2e1fe95193269","_id":"@unifyux/theme@2.0.23","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-BBlZu9SLX73BRidogtI96fyAV9z0SbYpox1+JRdyJs3c7rCV5Dwbb9ZK9hpnQWK6zKJ5W/8EhvYoXETVynlnTA==","shasum":"0b782e89ac8ea5c081b24828ed0722d4844d1485","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.23.tgz","fileCount":11,"unpackedSize":15659,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE5vtqhnUk3y9WsfmcABtvChn6Nb0cBk+4N+YiqU/kSVAiBOeYC75iNkn/54IjCwGnm812ey1JLHUq+L+Mut4zoG1Q=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYGrBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5qQ/+JA5D8oz5ozqiiw8f+8wPJew7rxacZYqNmPFNvyvdBF2ZB+Df\r\no7+4RpVwrnwHZZ93+lGkLq24NvjyaJXOi7ShQHLtxKmp9zRalxfZMmW47zvI\r\nBhTlThIhbQVJcFThz/sHsSexjYtSnYVFMDO1tcO5Bc1vsfzqpisTw1X1jAw5\r\nkBwAkUCxwhVM3RGw7ANs0ZtQFVRRSbgNVOxkqtSBgDymnyXiZqu/o0KZ82GR\r\noAtwo/DLTJ5Ae0sHCTDfXRBUBY67baLH2AJ/ZA2588lJgjlrk6nb0/2Gf4SS\r\nx4JI65ozudDbHyGrJ+CTja8o6zFsGxTlICOykwvsuprObjCclpYTaNazEDzC\r\nS9d9fYqdLH7PEfj3urqVuR7ahUgCXrntRPtbv4xCljLcF68gbjQ9fLNCvFnE\r\ngkKksqB5EBpRw2zZ3LU9aC50uMPeAVWnBXXQ/w+W8bMQQezJDwoTCTKT7w5s\r\npEU9n0jfvkVtYm5mNBtoJZkBai6fWmrPdaCW/dHRpQ/6/QVWkTzlzDKqvKdv\r\n1HmwmkK+bna8Bxy2B1SU1T4zvRopiVshmrTR2z+qUGzz5/JWH0pOYEz2nLtF\r\nHWFeZcxNUYoVWLv6dWsHZfxKlqQ4WrEqNdlEXwU9R4g0lsRtisu+gCvcBeYY\r\niwlYxutv/3Gp3DwPwRQOHBsyRuc9INaCeCA=\r\n=CLbO\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.23_1650485952871_0.2808701043023403"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.24":{"name":"@unifyux/theme","version":"2.0.24","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"d9e744c9bca1307273c7bcad80a4e828bf52fe3d","_id":"@unifyux/theme@2.0.24","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-gpEROc1ewSBVhYFXwYTF2oABNJjah7BC7XBcr8vqIYHhkbuFW3zVRdXGeTXuM3Ihv7ndOBHZEHTavRct9rkz8g==","shasum":"f354ccaa37c27a2c63545231e6a84cd185633275","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.24.tgz","fileCount":11,"unpackedSize":15659,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEZoJjihL8uTDsiowsrDmqLgu33W+K60ibdIR38a4aA5AiAXcgsPlggu6QUSWQ2PM4Byz9EsNNimR8PUlHNIlybg6A=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiaYisACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqlnA/9EAj1xi2MDbgRS//7XJE1Mgo7RTVQSDKOeUf+VMBdQAy0Sqp3\r\nSTAP9m7sq/MQJYyxMPf0GNvSVH8taU2Qlt8LfrQ1o8778Kvknb+5+ddEu4kq\r\nH4zQ06NTh7YTkQJaerAVrelxW+flPGIV5wIDeIDqbDe5PJVDK5qriLcLiist\r\npVnyeaoO9KYJX10KZKsVXZRhVITr12sWxKFxfX+mD8ugMIyXXv4IrieD/JY+\r\ndR3QUpTTj9j5t38tQs4uXTc4WIQh2i4aE17GIF8jHm1Fe2fNiCVUIaCUUziO\r\n+iHashkaWlYRn4cOjlUMevHpJQSQ4P2/HyggFQt3nIUjIAFQ+jnwG8ab0hti\r\nRHRHZzXJzaCkXYaQPH5Iz/cfiy4IPbD8GlRxLckWRsp8AbFdVSExJb4eg5UP\r\ngeNfp3jgZ0ENcdwlF7/J7PENibsuom+xY3GkMrTIsTUjmWqFcRyWdLKWbC1f\r\nXjA372n2ErGCBuuNOEUx13ORAbzYI0sm3xQRf9wzIsHLqBUH0J9vmyauoMtd\r\nWCCyxvNc56V8fsoRGEvhZ0+dArIW6tgyH3/gv2bbY755u9LNpfz6qhMV/jUx\r\nQPim2dgAGWDeb+RwLsHJNIQ/B35sRTB/AMzy2G7aH9VWKrtWAkbGR1330uBI\r\nohupBcXlWL85If5qMIjV8yHZKPQVoulv754=\r\n=2vZI\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.24_1651083436713_0.09717618600085598"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.25":{"name":"@unifyux/theme","version":"2.0.25","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"d708ad4efff74e5b81b2fdc8a4480e6a73a46465","_id":"@unifyux/theme@2.0.25","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-PaS71R+o7EX/rEoUfVffZcPI1t+42kkE/FiGi6uId0Y2ufMiP2Rk4+gXLrgUup2Fkl0caXVyUSxN2eJc+agilw==","shasum":"2b936fd2096855b42f9a99accdc042a17c9a2d84","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.25.tgz","fileCount":11,"unpackedSize":15659,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEAuB96RO9PV++l4neml5BTs/+8Mjh7w7eObhLbLS4smAiEAkIUoV6nRQmIg8PvfTdcJuC2jZ9Yd3X/uwYsofn8TSKI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJibDurACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmotwQ/7BZj2qpMA92vwAKB5fyPufJ1zO8osLzJM6rPoNc/WdQYRKc2R\r\nqJt2Chud9g6dFlnP4NFU9eFtcpf0wdW1PGBdDLQAmXTItzvrUSrdEf+blot+\r\nNsrH7XN8qc7PkJkF2YI2I6/uWrEq4tIIXK5vE/PX7cC+FG1F3a5nmhAl+pHl\r\nJH3sJz5VWXm3IXidk8pL8wtyDIdlw11e4ivUHunjYH2OOP02k1yNPy1Ne2Cc\r\no693OPeVgiGQyC0uJKEa5knGC5nmM5Zj1hn7A1X50r4uPBwgXFEo9Eemx+C5\r\nQXkp9sXqpt6LZ2RWAqmkvFuFIcfqgDVtROdDSxvNqUeFh+Bn3GMK2ZPyfg+3\r\n4YKr7cLtjhFFoidEU0kwxTC8YQGxvIgVxHNJ1KKYB4wsv6ufJGzdY+S+7QYE\r\n2sBKaFQNK3sx+9HY97Tyxg3d5bGrOOCOPgO0QolFdzIH77mrPsCdhh6vWJgF\r\nbVGFxaF14urP5/fFW3lESZZdktGfDm31ZVVcTlvWfWUTkNtIZBnS4N1eyE+R\r\nG0k+JMOBgIrkCXycqWwlpgR9U7VsUi4mA+InWhncwo7QTBnrN71ymmHh5fwf\r\noqpy08igdU8ETkMa5pvRvVy3blk3ig4Z9sA5tS2c+tcR4Z/HRHT630Q8Iqkq\r\nRv94n3hLoZ+wxBs1FQeDC/myEtjDpn7Hv+U=\r\n=FSxl\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.25_1651260330832_0.8371944975402998"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.26":{"name":"@unifyux/theme","version":"2.0.26","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"5464b3b9c31502b853e743be9a47619548a32558","_id":"@unifyux/theme@2.0.26","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-+Tq6GZJXDM+CWQ+Z32ft7pL4OaSi7r629poKHxZRrQltMv6OrZoHTHk/PmvJ4yqU5PU/U+cBbJpot9ccC5hyjg==","shasum":"512e4bd62a9397b1ab30d980631bbd441265edf0","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.26.tgz","fileCount":11,"unpackedSize":15659,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDKicfJKR/BcBvq4aStjYeVA2Dyv/xlU14/WulhVU0aKgIhAINoHdtd6Zyv9xqn0VAQRXrNHw6MJQM++r88qUBc6prz"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieqhWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpDgg//V5OhyGtp0j0sPyFzXkdXCXjWU+fPtGZakuNhksBE1m/IvxiI\r\n3fxNKKvXyxdo4DdW2oTzjFvz+w/11qxi2vTyxbe9P61OYoXQxL3xzZr/tLZN\r\nCiPMm6L+4QJtbsosd6q2VzNVp+uDU4r4uVw+P+iZFmCsY5xge8Y7PMXTEaMW\r\nbcfRn95A12GQezoQVmwM9wWMWE9GgrIsTblm4MTU8VKZCg0yfDSGhjsF3fmY\r\n24uPMYnuROAlRM45fI/Lsz/d6E2iZoCSz6KUkDGiKn/m7tVUIC0sNsw6vyVS\r\nWyLHAjosB0wS/2wTuAkQab1qvFw7+KCt7sS8yZQ8zZzDhjh+gILWFei5pCvV\r\nddpsYXQDeMQ4ALGbCKPn7r0hMqd88Mf4x+zs00JhehH5bEgit+0qEiglg1K2\r\ns249nHb3l66T1SBSkGKO70KzK8hMFUsl7f/Djq2tZ0G7jY4RZvJqvviMI7FR\r\nHut7qwFyC0UWEUP2fCSxHOkrt9/tn8TXztFOP51tb1xyd765vKOirSftXiL9\r\nGRl8UV8v7A/PfLt+t0J+wUK9qy1rTDKz2fqrs006KYakSDVTnt0Qwly9jb2/\r\nxfFOGB3t6xTpMlGXL2rZl0QfwsJbGZftDSwjSEyBEKLpY9GzXwU5t4QwE5A8\r\nQ7QRo9Z3IAaxZPlntvWy3VVm2YzwsVYOsyg=\r\n=OaYW\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.26_1652205654734_0.07812993974259674"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.27":{"name":"@unifyux/theme","version":"2.0.27","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"13c52fa8b0c71b890808320f8b4265b037453ccb","_id":"@unifyux/theme@2.0.27","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-O5dRplQwcpxMPY31X2jGMhECXlRgOytWn4BMyxngEdLRbLx45RbwTDKTi+W5oXyEm6pXw3iEghdd0AvmhcJUMg==","shasum":"c7364f239068191d13a7337ee4e96151a42cdd3e","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.27.tgz","fileCount":12,"unpackedSize":60896,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCfyI7xv5KiYeGHU4SJyhTaovsnGWej+oyGSfOMF76dZQIhAIwl6uwh9xAeNU7RqgliDOMNchx0Rnp8T/YjXc09GUtm"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJioPVXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpqFRAAgqnTW/r+4K6Ajq0VfLH05Z7wQMHRaDA8aP9Myl34zqLSCs6Q\r\ngMzOQwnHYNHb04Swym8IaTkkn3RK7OaU6UFJaYzUYuGn4DpYOohQGe7/JIeN\r\nEtKAyxYRh4K9ip/5dNzoUQfFqZcuwuNUy/4PPNgavQ4vIRkmc/tS6CEsEc8V\r\ncT2O1xoLYJOETjz3zOwqCSo9X7yixaWGRsU4kbkAHTwWiauEQjxt0pJVlhuJ\r\naQo7uKl61UiJCmjx+6UaTs2H9GpFqqruV/wgRm0eNFbaT/Fm/qxfrOVlrcc+\r\ntd0e+DyQpeTDo4Msc7yhKCI2HImE7WJ0FeQfPceQn5P7MHpvpjqgT8tbB/v6\r\niHIQl3wqr0jNgclMHEbSyMjM5mcaPvusK3rr7QlEVrIomEk7f0rD8W9d+MpB\r\ns87V3OAZLcARoFuwBMGRumbLuWSL5aoDRqajGb7UYr72h8hIwgk7p9AEAq65\r\nF9k+sFGjT/1YP34338O2smHlLgBnIDQtYNNXFD6qlXK/+f7uOOC0jmqQ73/+\r\neSEh/f/zMqZwcIBJ7P3nA4ZEshFOzUfLr88GFgN8EebgWSZ8SeVLZADVdu7q\r\nhr0FuuEGmZM2Uc54CYSGaZE1Zrk3lQPfnjnlO1Y32bQgkLkeL3F+BclYT2hW\r\n7o9n8ZC3apvihyJXXkuuG3p5jGGogiyavXA=\r\n=5rtw\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.27_1654715734783_0.4172371366562453"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.28":{"name":"@unifyux/theme","version":"2.0.28","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"8330c9faee72d0c372882110c5a3b997bf013bac","_id":"@unifyux/theme@2.0.28","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-1AV8ZqAYRHoC1s0tUUUwPMmwun8TOScr0NQ3+tXYwYBorJLVsEzAGvKIT5mkCPk/mFwGRZUoJbMRgFa8kg+LUQ==","shasum":"30c3a4e9b0c1a0845d25d0253e35bed94bcb612e","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.28.tgz","fileCount":12,"unpackedSize":60896,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCsPwJ91vWAVMcsezYuXY/73Imp1x40LrfIOEh/WEmTawIhAKBPeWi9E+yX7DC1OcZq+T+lr8M84KIfDJk5NAWx0BYn"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiwuX/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmohsA/+KqeK3E6I4BR8aeVN9tzmX2LRc+1/FbHiE1MA7uM5ZlYXvCuS\r\niG2XVmvBQSad+zXPbksaP8Edm/SjTt491jIEFi7n3rt6/B2YLjaBx8Bc8DJN\r\notP/imPs4ETMuZBjQbZ3f9YquPLNE1pc54az0BN+NcmRYIyryXkTuVorcEbk\r\ne45/As6AsJ7p5/APfrRRmDyj8JYH6tofNqvVHiuPqEugHqR1QR417xoy2fEa\r\nth6o0L823rsG9bic1OPLJO6E8pnEfDr+zAVtEblRlmqhSDpdXiyt0zctSocu\r\nE/CSnst7G7D2YbR2WpmhWgN1cPyf0w+gJGjV2KKlJulPmo/N6i8hcnnkrHsM\r\noFoNY+vr+EJyo5NpgJyaWpsfuBITGEszsnrEBeGKvnqiEMe1RkTdIwbP41fA\r\nVyRA4OXjcQMCQ4LuH5JaAslbitGAosna+a1oMfQIQ7r+H0O7l4ges7x8vEhr\r\nnj5SrEZTHWhEnj3LhECHVv/mjSB+dUYlcDEru1capzjuw+A3+Yn9VbAkr8Wz\r\nEjJqMR2SHg9G6X7ZWTLxIrIaP8XF4D7UYw4/WQkukkSrEHPPhkRSWZD6fEY0\r\n6WpztPUhleEEC36cI3g1rZQW2kBalJU+Zg6X4iIYDCDgfE7kaSLxXs6bmedU\r\nZ/mqqv1YGYarmVidIJn1HH+0rY/f7NOfx6I=\r\n=7Khb\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.28_1656940031285_0.5931400327682965"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"2.0.29":{"name":"@unifyux/theme","version":"2.0.29","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@PERKINELMER.COM"},"homepage":"https://github.com/PerkinElmer/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/PerkinElmer/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/PerkinElmer/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"cfb2e8e75e6f51412845f1bf660518adbdbc64a4","_id":"@unifyux/theme@2.0.29","_nodeVersion":"16.13.1","_npmVersion":"lerna/3.22.1/node@v16.13.1+x64 (linux)","dist":{"integrity":"sha512-rJ2OZjM5ijWEsqcIQFiDVzMiHMRmIqutavSZrYqzYUl3pZG9FoQAY/Arlntzel0f3Kz2smi0PchpQM3fVlkYhQ==","shasum":"cf9c06eea6c8c51538dd3eefcf29cc4b9128abea","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-2.0.29.tgz","fileCount":12,"unpackedSize":60896,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGqnzqge/LUF3Pjj+J9TJpCQ+D/pxBtcl/IUxnd6TZdfAiEAtSa7Ozf9olPIEoLzXv25puKHidTb6sBGOMiGHU/1gbs="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixD8oACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrrhQ//ed3zYt9gJv4QhmopkWH7Lf/yH3G+SxmpzYDEGQcEUcaH1bid\r\nj1niccvECJA+sh+1b3w7oH8wQl/pbT1mpLZrXcR5YyFbxfoZW9ANmHOBxRvb\r\ncX4TUBw0/SCacJsA0QGy52oV4pvb3JX5TFM+BXp+sGHGId8B0dl5pwctANDF\r\nGsyiY/WS9bbI+CHbu6V5ck9SbSnMYGgiteXPs3MUUiAih8ktneGrGdRt+TzF\r\nwouRlV/ytxhJ+X+59rof/LIwiJuSkzcXBPy4CHX7bq90pS8Qu3lktCjCf/ZU\r\ntotr2bExpMRQ2a/uYXY6KWNIGtUF176Q5NnGq+7uxTIKf/AgfPae1OZMNG0q\r\nHDDmZeNeqza5d7A2eAGcnbrNs7M4qGo+yZbkDScduKKQUkZzHs/bhL7n65Xk\r\n7EbYlkMSHRNL5+Fvs6+CGhUSyU67ZKunYGmiMLY2d3vC7Yazqq9r2/oONX4E\r\nFSG8w6m7OgkYrnDJwqdNtDj8u/Pu0VPujREjwJIXkE1Mfmkj5+PNMFfz1u2T\r\nmUFUd+4JHAzGKcudatPMzqeQaynBI6teI4DE73k9cTCOYz231LiTdnjT/HSE\r\n05b7J1nUe/XTL67GJ5n8m2D2fqMf18vPiyhgtXPoELE7LTH4IxR6jihT86V2\r\nqL/l9tctN5Je9Kdfw/f/QxtuzhPEFWvxGIY=\r\n=70KO\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_2.0.29_1657028391845_0.04317589595272686"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"3.0.1":{"name":"@unifyux/theme","version":"3.0.1","description":"unify themes ","author":{"name":"mikewilson34","email":"Michael.Wilson@revvity.COM"},"homepage":"https://github.com/revvity/unify#readme","license":"MIT","main":"dist/theme.cjs.js","module":"dist/theme.esm.js","browser":"dist/theme.umd.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/revvity/unify.git"},"scripts":{"clean":"rm -rf ./dist && rm ./unify.js || true","build:js":"node ./script/build.js","prebuild":"yarn run clean && yarn run build:js","build":"rollup -c","dev":"rollup -c -w","demo":"serve"},"bugs":{"url":"https://github.com/revvity/unify/issues"},"devDependencies":{"@rollup/plugin-commonjs":"^11.0.1","@rollup/plugin-node-resolve":"^7.0.0","css-variables-parser":"^1.0.0","rollup":"^1.29.0","serve":"^11.3.0"},"gitHead":"c0c83f91c091838b5ac632503ae05995dbb378a9","_id":"@unifyux/theme@3.0.1","_nodeVersion":"18.3.0","_npmVersion":"lerna/5.6.2/node@v18.3.0+x64 (darwin)","dist":{"integrity":"sha512-+m3Itw7Q85j6+VCSakAy/PPG1RjKv+8DkRkNP+xkZghbCLl/eE1LjEWDmR8Yp0Nqs7Fy+CQzmvB0v5eaKT1fFQ==","shasum":"08fd29184b6974265ea8693229858b659c5d35fb","tarball":"https://registry.npmjs.org/@unifyux/theme/-/theme-3.0.1.tgz","fileCount":11,"unpackedSize":15638,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBs57Sp4bedp5yrY/8tibot4OA8eXcRV2EBW+84+A38iAiEAzGIFC7coosZXB7ll+NrpNsqOFXSmGMomUIj4E8tR9XI="}]},"_npmUser":{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},"directories":{},"maintainers":[{"name":"mikewilsonpki","email":"michael.wilson@perkinelmer.com"},{"name":"idea34","email":"idea34@gmail.com"},{"name":"dewilhelm","email":"david.wilhelm@perkinelmer.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/theme_3.0.1_1688149043682_0.8302116873232332"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."}},"time":{"created":"2019-11-21T21:05:08.443Z","1.0.1-alpha.352":"2019-11-21T21:05:08.828Z","modified":"2023-11-29T18:42:30.630Z","1.0.1":"2019-12-09T20:54:50.462Z","1.0.2-alpha.3":"2019-12-10T23:10:13.612Z","1.0.2":"2019-12-23T21:01:20.154Z","1.0.3-alpha.68":"2020-04-16T15:51:24.669Z","1.0.3-alpha.43":"2020-04-16T18:01:04.462Z","1.0.3-alpha.52":"2020-04-16T22:01:47.499Z","1.0.3-alpha.46":"2020-04-20T19:10:50.082Z","2.0.2":"2020-05-14T15:29:04.336Z","1.0.3-874762bf093d6137fe56e56792c4f262fafc3af2.57":"2020-05-14T16:11:15.296Z","2.0.3-76cf6645d81796b4529c323d715c5fc719de2c87.0":"2020-06-15T15:52:41.754Z","2.0.3-efbecfa9bfb474035c7588dfb4e17f19bbe56286.0":"2020-06-15T16:12:45.371Z","2.0.3-24f97786e23fbc74f29bdcca6d6652eb2b24c2ff.0":"2020-06-17T15:37:57.090Z","2.0.3-5bba792479244f55fc999fc2204081c3558c11ce.0":"2020-06-19T15:32:21.623Z","2.0.3-5595f9d6a7f76a2de97f7690c6e6024672df8bfb.0":"2020-06-19T18:49:55.231Z","2.0.3-af907db13dfdf344f24746cdd8bf02d146881152.0":"2020-06-22T13:49:35.600Z","2.0.4-db712e3b717c912e13dd096359d3535016301bcd.0":"2020-06-22T14:24:49.387Z","2.0.4-380612d78ca3bd4cce2e675fefb9dbdf1b614a84.0":"2020-06-22T15:28:54.440Z","2.0.3":"2020-06-22T15:52:50.790Z","2.0.4-ffb4fcaa56b7ca4d9846d41ec34d16352c62f923.0":"2020-06-22T16:07:19.809Z","2.0.3-00e7da3c62b129e7c80d70e65e76fdd8a6a3eae5.0":"2020-06-24T01:55:15.717Z","2.0.4-92520f1a57ca29a75790b6e679abdfb7975e947f.0":"2020-06-24T02:07:09.985Z","2.0.4-e6a5a88d0722881c4f8269a471a6c80c5e5c7787.0":"2020-07-02T19:56:06.992Z","2.0.4-a6b15a87f099545866f9675a972e04a66558f1c6.0":"2020-07-06T15:57:40.270Z","2.0.4-539073b53e71e6c52ab324842627a80dbee5ff83.0":"2020-07-06T16:13:38.676Z","2.0.4-39dfe5ee2f3d32d5a4c6daaf026f2ea1c004d079.0":"2020-07-06T20:02:38.451Z","2.0.4-70b2d204e9f01f004837d796e3f320f10762ed1d.0":"2020-07-06T20:19:55.637Z","2.0.4-cef7f76778b44253a035a37a51d957640a148354.0":"2020-07-06T20:40:28.387Z","2.0.4-597ed4c23d673fdcff6ad5ba5a42764fd634731a.0":"2020-07-06T20:54:06.925Z","2.0.4-33b8ad030e5cf2b10ac8a99bd6259e9682e0d162.0":"2020-07-06T21:06:29.380Z","2.0.5-327324f62160baf50eded6752d62b961001525ce.0":"2020-07-07T14:09:19.093Z","2.0.4":"2020-07-07T14:30:52.093Z","2.0.5-6b313ddcfe1b389c8727717118f58d99b952bc43.0":"2020-07-07T14:43:46.546Z","2.0.5-b831a3cdab4ebe4ab4988f8f805fbf154c32aead.0":"2020-07-17T20:54:04.291Z","2.0.5-3aba2da4c55aac5e86b52f5b129996b21bd13b66.0":"2020-07-20T13:29:00.446Z","2.0.5-690f7c890b8467b375d7eba5f78e1e0e0af884ac.0":"2020-07-20T13:43:34.169Z","2.0.5-8588bd6c9251723e6d0a79e938b306f12109ff3f.0":"2020-07-20T13:46:39.684Z","2.0.5-d6f55a7a5547699a53187188a53448aaac04ca09.0":"2020-07-20T14:39:06.053Z","2.0.5-6e773c1eee581dc2bf7c057ae80c20628d31faff.0":"2020-07-24T20:31:07.170Z","2.0.5-6a969288e67d9103be7e34303a038ec0fe53034e.0":"2020-07-24T20:42:25.971Z","2.0.6-f215a33d48290d66b1dbbd11dc7a13b11be50a14.0":"2020-07-24T20:53:14.387Z","2.0.5":"2020-07-24T21:05:38.199Z","2.0.6-7d660efb2fd6d0be79f3b89a51708c8b11b4812e.0":"2020-07-24T21:10:35.189Z","2.0.6-faa5136dc55d35ac62428c7de5c99afa813a8ee0.0":"2020-08-07T14:41:18.657Z","2.0.6-2cb223cf45f333b26add7225fc106dd928649905.0":"2020-08-07T14:45:54.700Z","2.0.6-21f5a423f3e03e162d997ca54280531230f5ccb9.0":"2020-08-07T14:57:48.522Z","2.0.6-280c173efa6b8c4a68fdf45acceeee4b3a73cf8e.0":"2020-08-07T15:10:08.003Z","2.0.6-4e5e1d01c13b430e3837b7c5db4c8e759f7aad35.0":"2020-08-07T15:24:51.262Z","2.0.7-032a367c3e5ce02e6f02d4787d4a9b1c003fa09f.0":"2020-08-07T16:05:52.953Z","2.0.6":"2020-08-07T16:18:52.858Z","2.0.7-ed61f690db58560a9c041cbfb1ca6f660114e79a.0":"2020-08-07T16:36:21.094Z","2.0.6-9c2d7b84602dcf2ac3c6b9c82efbe00179138155.0":"2020-08-11T19:43:50.824Z","2.0.6-9d13f89529c289d268d5bcee636e9f3e87140bab.0":"2020-08-12T18:15:37.810Z","2.0.7-81e21c088039079f3ad1f58140ee0e531beab04a.0":"2020-08-12T18:28:38.934Z","2.0.8-82cee0170516e8763eaefc41d119091a76a286cc.0":"2020-08-12T18:30:40.058Z","2.0.7":"2020-08-12T18:43:37.333Z","2.0.8-b08af7c12e8ad0c7951ffe555644d1951abb62fc.0":"2020-08-13T13:28:12.021Z","2.0.8-a07e7ef75fbc876dc0f30ca97bd5053edf0add21.0":"2020-08-13T13:29:43.239Z","2.0.8-bdf2d373046c2d9d7f3a0e6b67ed16b3a89f0d80.0":"2020-08-13T14:01:20.646Z","2.0.9-566d849e496250ce420de81591214dfaa86832ec.0":"2020-08-13T14:03:57.087Z","2.0.8":"2020-08-13T14:28:23.316Z","2.0.9-7369bdd89bdbedd8d5e0db3c4666ff241b5e3c81.0":"2020-08-17T14:15:15.548Z","2.0.9-67d9a240bc26252e5d3c7e42e996c95ac7378609.0":"2020-08-17T20:56:14.809Z","2.0.9-9af7030ebaa4454d4882c4ae8463a8bcf7205018.0":"2020-08-26T13:43:28.742Z","2.0.10-70a4edf0886e93362255b5f8ef06acdd4365d1c8.0":"2020-08-26T13:48:54.382Z","2.0.9":"2020-08-26T14:02:35.513Z","2.0.10-8df7d5ddc96c4726634e967f8c70c5b1a81b62c3.0":"2020-08-26T14:36:16.297Z","2.0.10-c83a0c1277ceb6ddf56ae1da9621c5a0c6d1c2dd.0":"2020-09-09T19:17:29.972Z","2.0.10-e1ab9142002c747c41e976d4abb556e7406d60b1.0":"2020-09-14T15:06:59.661Z","2.0.10-dcb55221ad448c30b0242810748ea7372410abc3.0":"2020-09-22T20:26:43.285Z","2.0.10-4b2085f47ba759f60a8b2404282e7c89f433ba6a.0":"2020-09-22T20:29:59.993Z","2.0.10-ef5f51c548c7077815715825cfff9a30a8d5b7cc.0":"2020-09-23T13:53:24.685Z","2.0.10-43814241adab71ace78b62203bc05c300ddd587a.0":"2020-10-03T01:44:15.492Z","2.0.10-4e1e7c1aa9602a25b01cea8594611d5b86d90ca4.0":"2020-10-05T13:49:21.892Z","2.0.11-85c20d5920a33e51038d4a48d8676e292e727493.0":"2020-10-05T13:58:39.030Z","2.0.10-2e30b1f5b804a266ad11c59bd2fdaf5086182db7.0":"2020-10-06T15:51:51.439Z","2.0.10-018bf6796e30d13349944e9bece956c9ef8a2e29.0":"2020-10-06T15:55:57.592Z","2.0.11-1a60fd138e52053d5c669df0ce29140fe117a06c.0":"2020-10-06T17:43:25.160Z","2.0.11-531ae77628d27aaba63b0c7c29c56bbf7f1ffd85.0":"2020-10-06T17:43:46.656Z","2.0.11-d57b1f57cfcdc32af00583887e65a9db36af39b6.0":"2020-10-06T17:54:20.808Z","2.0.10":"2020-10-06T18:07:39.095Z","2.0.11-a7c2e4f5bcba296d1cc1fa4abf3edf6056e7998e.0":"2020-12-03T22:08:24.469Z","2.0.11-1a21e287ec35d4f493886393f12242223d25cf3f.0":"2020-12-03T23:04:05.501Z","2.0.11-31257c73ff90a542225257fdb41c56dfa7556b1a.0":"2020-12-04T14:54:08.397Z","2.0.11-24c26accc62b2cc71f2ddc86251e34694e2f0fce.0":"2020-12-04T20:20:00.743Z","2.0.12-205dc5e534a85a8a8caf02b6774997ba12e7f6fb.0":"2020-12-04T20:20:21.092Z","2.0.11":"2020-12-04T20:43:49.145Z","2.0.12-5ff1bf807ee5feb34b436523f4d83bb95cf515fb.0":"2020-12-04T22:08:49.357Z","2.0.11-441e506f4dc45291234d227cee518aef347863ed.0":"2021-01-14T20:15:51.067Z","2.0.12-77755403b1039bcec886d58e9004ccabf6b611fe.0":"2021-01-14T20:35:27.942Z","2.0.13-1590f26c988179a1c294ab11e56ff0e30a28f3c2.0":"2021-01-14T20:36:00.527Z","2.0.12":"2021-01-14T21:01:05.011Z","2.0.13-2e5133f57cc52853a0256cd1ddf10376c2b71265.0":"2021-01-14T21:45:08.099Z","2.0.13-02c4343681a8e9cc9e98d94171d826a9fb55edef.0":"2021-04-30T21:57:09.315Z","2.0.13-daed1f2fab20e757166b1c62d28d6cc144eaa970.0":"2021-05-10T14:58:03.963Z","2.0.14-e4999b903a1c409d16777c498b413849b8c64499.0":"2021-05-10T15:13:34.631Z","2.0.13":"2021-05-10T15:34:27.248Z","2.0.14-2bb82a29965af1e8f9160ad62bf41c9e7ce1bbda.0":"2021-05-10T15:49:05.767Z","2.0.14-f68faba36fe2c64908165607a04d2c227ac7e4da.0":"2021-05-21T14:36:54.873Z","2.0.14-75825932d96af182fc25751705a044487d945f9d.0":"2021-06-28T03:32:55.033Z","2.0.14-96beca7fcd10c0448271c34589a09d1c36aa5877.0":"2021-06-28T04:23:15.958Z","2.0.14-e314fb11ac8eb719a5b1a3e0b15e047fbf639bc5.0":"2021-07-02T01:49:41.062Z","2.0.14-248d167530c7225f42a17e74a4b1c7461776729b.0":"2021-07-02T01:49:56.405Z","2.0.14-6bec26e4dd2487188d4a39790535571634f80999.0":"2021-07-06T08:02:24.079Z","2.0.14-49e5a561dee16d3e24a2f2672d308ae6d28e4c0c.0":"2021-07-06T20:07:33.915Z","2.0.14-56722f391b3c6b31a03bdd5f32ebb46e81b0d048.0":"2021-08-23T15:48:04.087Z","2.0.14-99d863066f7996c6315d8ef7a2e3faeb3d336766.0":"2021-08-23T17:18:40.860Z","2.0.15-6ac471ad5f7abf7bd4933d3090db2827ecf5fdf8.0":"2021-08-23T17:25:46.876Z","2.0.14":"2021-08-23T17:48:46.142Z","2.0.15-ec7e9c806a1d8b24c9340832624910c8a1317177.0":"2021-08-23T18:01:43.212Z","2.0.15-4b4081c3ff82a2946297a1ad3c1ce669cc2aba15.0":"2021-12-14T23:43:13.283Z","2.0.15-7db6a0522d96beaed9eaa7c9960191a05567c325.0":"2021-12-14T23:58:32.592Z","2.0.16-62d938aacf286ffd4ca82e4b9357936e40779a47.0":"2021-12-15T00:04:30.358Z","2.0.15":"2021-12-15T00:16:53.778Z","2.0.16-91032ae56aeb6129218cbc8428f45471b0a43b2b.0":"2021-12-15T00:27:54.904Z","2.0.16-aff898b442e25ab342aa7233b65f08255617b5ff.0":"2022-01-12T15:46:30.467Z","2.0.16-847ae4cc05a0dba56bccbb0a7aa782c89d99d720.0":"2022-01-12T16:00:13.545Z","2.0.17-612b49ef84175fa44e55df3fc934e2635390d131.0":"2022-01-12T16:16:07.144Z","2.0.16":"2022-01-12T16:28:28.456Z","2.0.17-442a5139eb70a419cc962d4838bb2bb71cca6d24.0":"2022-01-12T16:39:28.486Z","2.0.17-cd348d104810134066b87e79c0e973bf646c2e7c.0":"2022-01-26T20:31:03.270Z","2.0.17-fffb4e3a81a292638e7a597921b7a6c2ebb56174.0":"2022-01-26T21:25:11.593Z","2.0.18-3b90c05572909b0711ad7532035fbb817127c930.0":"2022-01-26T21:26:46.654Z","2.0.17":"2022-01-26T21:42:05.901Z","2.0.18-9e40319f57a8baf831e30bb9b0edb0fec4719b95.0":"2022-01-26T21:53:14.334Z","2.0.17-f68b548bc564ca74f95387801d571a319b95b724.0":"2022-02-08T20:31:20.640Z","2.0.18-ff6f6b78be09b0eccdf7fa43f8019cd1ad49f9c0.0":"2022-02-08T21:51:30.608Z","2.0.19-2aa3b1aef411d55bcec5e1c8c495d3fc0ea438d1.0":"2022-02-08T22:36:23.430Z","2.0.18":"2022-02-08T22:59:48.986Z","2.0.19-def0c56af4a71e435f6920456e09a945598413ea.0":"2022-02-08T23:18:03.791Z","2.0.19-f88b670a1a161cf223512f6ef4eeb78d04740cd4.0":"2022-03-08T15:02:53.786Z","2.0.19-c1eb514596e1389d4051e51be66e8f666500d184.0":"2022-03-08T16:02:35.042Z","2.0.19-d00c773ed84f4111f9178e4a6ed1aca33202398c.0":"2022-03-09T16:00:15.115Z","2.0.19-07dff60022f59ee27a72a253c77a7f1fd7d5cad4.0":"2022-03-09T16:58:23.984Z","2.0.20-47d0aa90c7bd811e203236ae9c28987edb39b260.0":"2022-03-10T18:46:13.451Z","2.0.19":"2022-03-10T18:58:55.507Z","2.0.20-c95439da693e6cf405eeb7452514af4992370f8b.0":"2022-03-10T19:10:13.221Z","2.0.20-d4cef5110ef8c91e31b4804da7df59a41a948799.0":"2022-03-23T15:27:58.455Z","2.0.20-a39e448ca4fd961d27f6fe615e2779f1f38ea683.0":"2022-03-23T16:45:45.539Z","2.0.20-24da9cdd2b9911595def43661aa7316ee339d53f.0":"2022-03-23T16:57:33.527Z","2.0.20-a85e9f32ee7ee63f09cb05dc40f220d652dbba3d.0":"2022-03-23T19:53:36.775Z","2.0.20-5159b18d27767316fbaf1307000c8a7f9f9530a3.0":"2022-03-23T20:04:57.351Z","2.0.20-31014b090c023bf3ac6d082a2f36e5f345153547.0":"2022-03-23T21:01:46.219Z","2.0.20-c52c97d3e40f3e88f425c7dcafab1aa418bc582d.0":"2022-03-23T21:09:16.512Z","2.0.20-6b6becde8933df22cecbbbbfafcb58095cd970ac.0":"2022-03-23T23:23:12.675Z","2.0.20-bdc839f746ce5da21d2c231f25bcbb0fbbd12fc9.0":"2022-03-24T16:05:05.628Z","2.0.20-2a64c786d9edeea1624c6e4fb5550ad21558c4b7.0":"2022-03-24T16:24:24.668Z","2.0.20-8e9dba39cb8c58786cbe0f6e6debceda4ecf2a1f.0":"2022-03-24T17:53:57.596Z","2.0.20-a2042d1079b3c3871c8dabdbdd134140792e7e23.0":"2022-03-28T13:37:18.589Z","2.0.20-366b5555b4aefb6b69e4e3de2d5e415d78a4dfde.0":"2022-03-28T19:35:40.270Z","2.0.20-9beb9d97708a132ce044da642824504fa8a06390.0":"2022-03-28T21:08:29.294Z","2.0.20-95f117cddd07c8d3669f66cc92da192628ba04da.0":"2022-03-29T14:32:31.870Z","2.0.20-6baf34d418f38cd1ab527e784fc17eefbad11344.0":"2022-04-01T19:32:57.267Z","2.0.20-72b4e3f4fa868a7d457edf86a8d64d6d7c3f1c7b.0":"2022-04-01T20:24:55.529Z","2.0.21-2823cda9a258130250f6c3707b5ea65cde78a37a.0":"2022-04-01T20:29:17.127Z","2.0.20":"2022-04-01T20:39:16.419Z","2.0.20-4378ccfd035608e9a9490d673af09da8f903ffd2.0":"2022-04-05T00:46:40.989Z","2.0.20-b8e07b8511b3dfead26e54dc9784f140def3038b.0":"2022-04-05T00:47:49.865Z","2.0.20-330dd22b576e0ae40bec069ae5c08bf3f430d449.0":"2022-04-05T00:59:47.820Z","2.0.22-09ed455c142d00b7e8f3073bf39ad34a5a062707.0":"2022-04-05T01:57:16.442Z","2.0.21-053cab2b91aa330525d09b43b856ada5dc3783d2.0":"2022-04-05T01:57:24.635Z","2.0.21":"2022-04-05T02:11:11.842Z","2.0.22-6e813462c2fc4c33a679f906bf9c1220bbfe49c0.0":"2022-04-05T02:22:36.593Z","2.0.22-611081515151bbcae4c7895057020511a2019a5d.0":"2022-04-06T19:28:33.832Z","2.0.22-33b2050a2096ec7258b7384a41e131992355acdc.0":"2022-04-06T22:49:34.840Z","2.0.22-714464281088acdf8be30ed4ad54ae42e24687d4.0":"2022-04-06T23:06:17.844Z","2.0.22-c653fe620d9fc2655255bfdb05801f00b899e8fe.0":"2022-04-07T14:07:05.811Z","2.0.22-73f34e888ffe7a111d648c13c6e7d315342692d9.0":"2022-04-07T14:17:44.553Z","2.0.22-09fefd6a316b9a99ad1121c80adab2639af15809.0":"2022-04-07T14:51:14.438Z","2.0.22-1ed434625459a788fb185797067e1c1783e45a24.0":"2022-04-07T15:02:59.502Z","2.0.22":"2022-04-07T15:23:52.322Z","2.0.23":"2022-04-20T20:19:13.101Z","2.0.24":"2022-04-27T18:17:16.852Z","2.0.25":"2022-04-29T19:25:31.165Z","2.0.26":"2022-05-10T18:00:54.920Z","2.0.27":"2022-06-08T19:15:34.986Z","2.0.28":"2022-07-04T13:07:11.470Z","2.0.29":"2022-07-05T13:39:52.089Z","3.0.1":"2023-06-30T18:17:23.862Z"},"maintainers":[{"email":"michael.wilson@revvity.com","name":"revvityux"},{"email":"idea34@gmail.com","name":"idea34"},{"email":"david.wilhelm@perkinelmer.com","name":"dewilhelm"}],"description":"unify themes ","homepage":"https://github.com/revvity/unify#readme","repository":{"type":"git","url":"git+https://github.com/revvity/unify.git"},"author":{"name":"mikewilson34","email":"Michael.Wilson@revvity.COM"},"bugs":{"url":"https://github.com/revvity/unify/issues"},"license":"MIT","readme":"# `@unifyux/theme`\n\nThis package outputs a single source of truth for standard values of common elements of a design system for use in JS, SASS, and CSS.\n\n## Demo\n\n    yarn demo\n\n## Build\n\n    yarn build\n\n## Usage\n\nCSS & SASS variables may be used directly from package / node_modules.\n\nCSS: `{node_modules}/@unifyux/theme/unify.css`\n\nSASS: `{node_modules}/@unifyux/theme/unify.scss`\n\n[Using CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)\n\nFor JS, you should be able to import the module directly from the package `@unifyux/theme`, whether you\nare using CommonJS or ES2015 modules. A UMD module is also provided, which can be used by a `<script>` tag.\n\n### Example Usage\n\n#### Use CSS Variable in CSS\n\n    @import '@unifyux/theme/unify.css';\n\n#### Use CSS Variables in HTML\n\n    <link rel=\"stylesheet\" href=\"./node_modules/@unifyux/theme/unify.css\" type=\"text/css\" media=\"screen\" />\n\n#### import SASS\n\n    @import \"@unifyux/theme/unify.scss\";\n\n#### import module in JS (ES6)\n\n    import { unify } from '@unifyux/theme';\n\n#### Import JS module in HTML\n\n    <script type=\"module\" src=\"./node_modules/@unifyux/theme/dist/theme.esm.js\"></script>\n\n#### import JS module in HTML (UMD for legacy browsers)\n\n    <script nomodule src=\"./node_modules/@unifyux/theme/dist/theme.umd.js\"></script>\n\n#### import module in JS (Common JS, RequireJS)\n\n    const theme = require('@unifyux/theme');\n\n#### After Importing Module, Use Variables\n\nHaving used CommonJS `require()`:\n\n    const blue = theme.unify.blue;\n    const primary = theme.unify.primary;\n\nHaving used ES2015 `import`:\n\n    const blue = unify.blue;\n    const primary = unify.primary;\n\n## Output and documentation\n\n- List of value options and what they are for each area in all 3 forms\n\n## Adding new values\n\nAdd them to the `unify.css` file as a CSS variable.\n\n## Insights / Challenges this package addresses  \n\n- No clear, documented single source of truth for UI element values\n- Missing way to assign in code vs CSS class (i.e. set color variable in javascript)\n- Direct access to color variables (SCSS/SASS)\n- Default values (like colors) in external libraries are never changed from defaults in practice in applications\n\n## Suggested (SASS)\n\n- https://www.npmjs.com/package/node-sass-import\n- https://github.com/maoberlehner/node-sass-magic-importer/tree/master/packages/node-sass-magic-importer\n\n## Sources / Inspiration / Notes\n\n- https://medium.com/@marcintreder/design-system-sprint-2-one-color-palette-to-rule-them-all-d0114ed1f659\n- https://github.com/JetBrains/ring-ui/commit/94328f646ad6f1fd8db115d7cbb37bea4ea8a0df\n- https://2ality.com/2011/08/universal-modules.html\n- https://css-tricks.com/introducing-sass-modules/\n- https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript\n- https://itnext.io/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0\n- https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/\n- https://www.sitepoint.com/using-sass-maps/\n- https://simplygoodwork.com/articles/friendlier-color-names-sass-maps\n- https://getbootstrap.com/docs/4.1/getting-started/webpack/#importing-styles\n","readmeFilename":"README.md"}