{"_id":"@arup-group/arc-scss","_rev":"13-7134ee4a2423eb02809a9dca36a4615f","name":"@arup-group/arc-scss","dist-tags":{"latest":"0.0.4"},"versions":{"0.0.1":{"name":"@arup-group/arc-scss","version":"0.0.1","license":"UNLICENSED","_id":"@arup-group/arc-scss@0.0.1","maintainers":[{"name":"tomvalorsa","email":"tomvalorsa@gmail.com"}],"dist":{"shasum":"cefe0d501b60730ba388619efee4a4b2327e324b","tarball":"https://registry.npmjs.org/@arup-group/arc-scss/-/arc-scss-0.0.1.tgz","fileCount":8,"integrity":"sha512-bJ3DGuMCxiLWkL9d6ybt6aiozW0vaGL+bIURI05E5wjpd6sZDT1ECRNs/bSEA2x8HIvh1sDsMjY3cJqFrmanBw==","signatures":[{"sig":"MEUCIHw6QMNMxRjboqlj763QDcr2pFhNmINiFP7Lzc+iUtiHAiEA1HZia6UWN0wGrFyfyecWodkG73MbFxGeEs5yS407d7o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4667,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQXk/CRA9TVsSAnZWagAAfgQP/0wpEa5hlHEheLd66U7w\nRWr0NRkx2ENvSEnODZkm8D/GRWzVoPGvqv1PIaWedUlh7DGacvwPIo2S2piN\nhQOlDpPVpqqUkUnw3ttyDcrnJb2HTBW0jKyYbvqe+whyBsSPg5Qzfr8yxjCY\nzMtLwJucYs5ZbDFag5IJbl1pTjBc+iJLh3JkxFEHdKh71byVX/5wNhRA7keo\nnH+xNj9mJktYNtwN4zNT0W9d90WVLywond4X5Rv+aVtGJQbdJK9Y18sfm1yL\nwZe2qmf3gdeT1NrILtOCsIR0glsZfa/Eat7RRvZJmtyXqXD/EwIEgmSGx/W8\nnG7bJtfDxiRhM6UZjGZIYrpF1nHTQnohVrP9kuAJZIv3wJ4e3XDjjk9Gdd2M\nD2B24RfNJcvLDdGK6Iu0pxVtJST1cC/gJVf5GIVvnIfaqwAUc+mq4LIVc1R/\nDOB39pnTHaITdLNWmasvoxcOBJbYi6nmitVQ4NHmwxyYQmSi9KHm1IQmOU4M\nTriLYJ1MJ18AKKr1THcGNquhNpsQ35HuJ3rIglcuWCaX7SyFL+TBAggHS4UK\nKqB/ImwDDqgZFiGQt3sM5cRyKEZLZkewfLdF2mxEbbN4s5mGZQa9vYoln0R4\nbP7y7O/TZLR8gUxWDe2oGHXaEKvJSWPWA4vo5oK4ZUx+HtOO4o/JM/6Y7sXv\n+OhB\r\n=Rid1\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tomvalorsa","email":"tomvalorsa@gmail.com"},"_npmVersion":"6.13.4","description":"SCSS styling utilities for the ARC design system.","directories":{},"_nodeVersion":"12.14.1","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/arc-scss_0.0.1_1581349182579_0.3361301432580017","host":"s3://npm-registry-packages"}},"0.0.2":{"name":"@arup-group/arc-scss","version":"0.0.2","license":"UNLICENSED","_id":"@arup-group/arc-scss@0.0.2","maintainers":[{"name":"tomvalorsa","email":"tomvalorsa@gmail.com"}],"dist":{"shasum":"a718ee390f263604a7fe5fe92cc80d08abcf2b61","tarball":"https://registry.npmjs.org/@arup-group/arc-scss/-/arc-scss-0.0.2.tgz","fileCount":9,"integrity":"sha512-+W1qqQ2QuHz3DnXktfHNojarxGKKRfm7y62srOtsEKmvgZHtTfTT2kyZLubzZV4rj28dKR+sZz7nFL541sBxrQ==","signatures":[{"sig":"MEUCIQDcs678iV2VkAPMKH2HfaQIUYqmYUac8yqXA4dmsQuWUgIgR2JIIoMSNq1ABUDLdr3eFHDybkTospd97C7jUYQjAWk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6314,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQYdGCRA9TVsSAnZWagAAJDEP/R2pxZEIpLzO+vxyGUPO\njhsD62HdVQ2gTAj8BIEKRSQ7EZ5PgSaacn+eTKTx+pvT+fsNIpAmw7B5MKTg\n2W0dGMkng8TQglqkdX5eNO5rpyxDcNhHAC1Tf1wcRENe0n5Fnwz3+OxrAGVg\nVOURxd3M3uh/97ubnQK9lkSXwSiui9s91FyO03px9e9t0iD9fd/WXGYcMgPb\nAMfuzN8ROnE2vKZvXiDxIuI+mljQx4zdjCRAdT2KnmeC19rpwrqt4Y0jdo7P\nPzovxYj+k6oxdyVScwCA3RVtJVfdu9MQye1+lqsy1t3RfVxmR9RPsxMX8KUa\nkw0in/yIG32XR9n1nJFJXOR+Vz58z2WJ/9csuCbl6KbRLAsGDzi/BNd+F14Q\ngMvx+D42AvJn21B8ie4yNmlM4S6+KYCP8J1rjDAsupvZxjXTw5MJGCzRU8xQ\nFjctpcmkh5NXQnvFIKQ2f7YL9gnyxqXTMokiNvLlcmV987GiIYGMaBQxy93A\nmxa5ZOdT66MsXV+AkTauKrR1J1KyX+JCkhsGmSOsCFKI/GrhRaSW1tIVzvz2\nleIv0kbKUSEJJd+lS5L3BlfdoN2f7YmW++6RVZ8BzFPoleUFYUndJdNVVkLW\nQ4aNBEohByXHqZ5PvMNM+xRqNPMnQdrMkYbQk6AHEIY4JnKfSzqUCI5QSylI\nSu4G\r\n=YbMF\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tomvalorsa","email":"tomvalorsa@gmail.com"},"_npmVersion":"6.13.4","description":"SCSS styling utilities for the ARC design system.","directories":{},"_nodeVersion":"12.14.1","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/arc-scss_0.0.2_1581352773440_0.870641703855001","host":"s3://npm-registry-packages"}},"0.0.3":{"name":"@arup-group/arc-scss","version":"0.0.3","license":"UNLICENSED","_id":"@arup-group/arc-scss@0.0.3","maintainers":[{"name":"tomvalorsa","email":"tomvalorsa@gmail.com"}],"dist":{"shasum":"2d5698761878367ea554da12be33a451fa609aae","tarball":"https://registry.npmjs.org/@arup-group/arc-scss/-/arc-scss-0.0.3.tgz","fileCount":8,"integrity":"sha512-q32O6+o/sC12Iqb4lhwbzXvZro3UzYgVi9YRIhXl+OboodT04+K/bS3EEH86sg9/S6OfOlG6cExVwkTwzLzpFQ==","signatures":[{"sig":"MEUCIAqi3PT5f8Zaq1ORqf6UopT5PbQlqccvz25gSL//Mj8FAiEAxlzLTQFp+raU2xxktsA362gs3fkoe3xzTtpXhsHMgmM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":7463,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJekLHGCRA9TVsSAnZWagAADboP/i8oh2wjFpw7RfOzpTJm\n4cUocdk6PWkNfJ6Z0wdZhgllzrYeuSg1K05k5M31aQlhPA4iYJ945kRv85E5\nGWcaprBsYXXJx2WdGPqwOl7LBcZ9q1YPr5c6cnAZouII+UAst07FAb5cAzCn\nTRHMvpscv4zHehJFVzQOpk6FY/2YA+HQLIoy5IeZP24Y+A6rLqN1AhOXbt2K\neq2cpi74UtCW5ea1QyWwOncVF8/iCM+SJJRDvlSaLyomfMXXCDSR4bMePr+K\ngAYLB2203PJhlhI8qiWZCiedsX4+gTm5hvViMgLgYfYdcrpw9b1PhpUKG9W7\nOFjnKGQ5fWPb5Zv/ed7W3SAC/le0vj3yYafp1ZBmv6WE3ASfaqaAtttqvcmu\nMDKCGp1JhWV38pF+icRaV12ZvKPqBGLb11RnMF00Oh5IdujCTEGHYfLBpJba\nC1yq6X5izLLj9gsk+oj21Ex1/iXwCys3cUR4Bn4dzmBFgOjP/RiTuqxqFZKp\nsvXf7srP9TARX3Fdx/vVhiI0ugOdkx0N7AHT3tuByRd0u+1gvkShd4YmujO1\nnr3Qe8YgudFKqGVdPr8OGpeX0NS0ef4W0gc6G8IqZvqNthbn3GIQ7iRJqrz6\na9jKAEDVSG/8cmIZbFm4FiHhhw1fHxDO8NXjTf0yRLL0ftKK4VDMZuEz7hDT\nSBEZ\r\n=rdh+\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tomvalorsa","email":"tomvalorsa@gmail.com"},"_npmVersion":"6.13.4","description":"SCSS styling utilities for the ARC design system.","directories":{},"_nodeVersion":"12.14.1","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/arc-scss_0.0.3_1586540998264_0.7072965036608112","host":"s3://npm-registry-packages"}},"0.0.4":{"name":"@arup-group/arc-scss","version":"0.0.4","license":"UNLICENSED","_id":"@arup-group/arc-scss@0.0.4","maintainers":[{"name":"tomvalorsa","email":"tomvalorsa@gmail.com"}],"dist":{"shasum":"4cf0f5ae13e8dbdcfc9b6b0a08c7da359f33b91b","tarball":"https://registry.npmjs.org/@arup-group/arc-scss/-/arc-scss-0.0.4.tgz","fileCount":8,"integrity":"sha512-rDWhMqmUfVWYmujayaP/xPtv7lMsLEhzDh8vEBpOOjkL2gHAK+hGyXg1TY3oQSmkFQ70AHdJlBYzuKiovrpSFw==","signatures":[{"sig":"MEQCIFXHwRT2OTw44UxBMWj/1z1MalxnLCUQO2Es2vfVoFlTAiAwLZc+PpfsNrzfcA+Pvs8a7u56Gu/wQRFfqWQx9Ue3AA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6968,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelJOECRA9TVsSAnZWagAAzuwP/2Myca99g8ntvZnl6l+/\nZz+GKVL8vpBO6rsCrbPjU+SFP7v+kNrC/w7HlFmoYpsrp2jhyq4Ot46yPand\nW1QkU24Lz+qNIw217ZLXVWZWdP0qo7ZoEjW9zZke5mEPrpOUzx9LxInKZ4Vp\n8/1V+jAerjFD9+sSETwbjqTqHip3+WIiXP4DZiUSHXo1q7EnCPhPRnbPgSkq\naRZsMDXCHa/Zb3iF/7uda6+w0KMBqJHdFbvrOKidyC7wgrpNrSSm8QE+RmdQ\n2psMtJE2ZbWBTt6s41YpyWl+pPNPX8k7TJa11mJakE2cQrHQOaQaqDyzJdml\n0Q0d9rjGx9Ifc8PkrTQnvkhiLUyvjHi2xXCnTDP2IjF0N21N5aI+rdEIpvrj\nv5omggOr5wX0TIcP/brVdd4yYRjBb6oI4RZFhaM/oegsgIw0Il/Qm9+etj50\nMrC3GtJJzWW0HA+PXkGx6hhoQ97KGCtsCU1iLntmtmmeaxrBZtuPLsPH/dAu\n9b78I+oU+ptB+KVB0gZ7dOXDsYmntlacM/IDU+zHWcoxBVOb6U/htu+/B5pj\nk4p3/7YOZZDiTb7+/MPq+s88TzkhUeMRIks7mqoNEfdXZ3mN3xNqw2mQ7hAc\nKt3V+0WIb8Do2HYwwkp6qvnTC2DD1Z14t293IGaFKJ+LSWxu9t47PpP+z/8m\nOVjW\r\n=P519\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tomvalorsa","email":"tomvalorsa@gmail.com"},"_npmVersion":"6.13.4","description":"SCSS styling utilities for the ARC design system.","directories":{},"_nodeVersion":"12.14.1","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/arc-scss_0.0.4_1586795396195_0.4803691677400168","host":"s3://npm-registry-packages"}}},"time":{"created":"2020-02-10T15:39:42.325Z","modified":"2025-12-18T19:13:45.499Z","0.0.1":"2020-02-10T15:39:42.758Z","0.0.2":"2020-02-10T16:39:33.563Z","0.0.3":"2020-04-10T17:49:58.390Z","0.0.4":"2020-04-13T16:29:56.300Z"},"license":"UNLICENSED","description":"SCSS styling utilities for the ARC design system.","maintainers":[{"email":"thomas.marr@arup.com","name":"tom-m-arup"},{"email":"dominic.egginton@gmail.com","name":"dominicegginton"}],"readme":"# @arup-group/arc-scss\n\nThis package contains SCSS styling utilities for the ARC design system.\n\n## Installation\n\n```\nnpm install @arup-group/arc-scss\n```\n\n## Usage\n\n```scss\n// Import main.scss into your .scss stylesheet\n@import \"@arup-group/arc-scss/main\";\n\n// Use the values provided to style your app\n.someElement {\n  padding: $spacing-2;\n  font-size: $font-size-body;\n  background-color: $blue-050;\n}\n```\n\nIf you only want specific styling information (e.g. colors) it might make more sense to import specific files:\n\n```scss\n@import \"@arup-group/arc-scss/_colors.scss\";\n\n.anotherElement {\n  color: $red-040;\n}\n```\n\n### Creating a theme\n\nCreate a `theme.scss` file in your project and copy in the following template, adjusting the values as necessary:\n\n```scss\n@import \"@arup-group/arc-scss/_colors.scss\";\n\n$theme-primary: $blue-primary;\n$theme-primary-light: $blue-light;\n$theme-primary-dark: $blue-dark;\n\n$theme-contrast: $orange-primary;\n$theme-contrast-light: $orange-light;\n$theme-contrast-dark: $orange-dark;\n\n$theme-accent: $pink-primary;\n$theme-accent-light: $pink-light;\n$theme-accent-dark: $pink-dark;\n\n$theme-error: $red-primary;\n$theme-error-light: $red-light;\n$theme-error-dark: $red-dark;\n\n$theme-success: $green-primary;\n$theme-success-light: $green-light;\n$theme-success-dark: $green-dark;\n\n$theme-black: $black;\n$theme-white: $white;\n$theme-text-color: $grey-100;\n$theme-inactive-color: $grey-030;\n$theme-background: $grey-020;\n```\n\n## Development\n\n### Setup\n\n- ensure you have the latest version of this repo locally\n- navigate to this package in your terminal and run `npm link`\n- create a simple test project where you can import components/utils from this package (e.g. using `create-react-app`)\n- navigate to this test project in your terminal and run `npm link @arup-group/arc-scss`\n\nNow you can import this package as you would normally and use it in your app.\n\nWhen you make changes to the package, rebuild it and your app should update automatically.\n\n### Cleanup\n\nWhen you're finished developing you can kill the link to the local version of this package. This is only necessary if you want to test using the published version of the package in the same test project you were using in the step above. To do this:\n\n- navigate to the test project in your terminal and run `npm unlink --no-save @arup-group/arc-scss`\n- navigate to this package in your terminal and run `npm unlink`\n\n## Build\n\nThere is currently no build step for this package.\n\n## Publishing\n\nBump the version number in accordance with [semver](https://semver.org/) and run:\n\n```\nnpm publish\n```\n","readmeFilename":"README.md"}