{"_id":"@bbtgnn/polaris-interfacer-tokens","name":"@bbtgnn/polaris-interfacer-tokens","dist-tags":{"latest":"6.3.0"},"versions":{"6.3.0":{"name":"@bbtgnn/polaris-interfacer-tokens","version":"6.3.0","description":"[![npm version](https://img.shields.io/npm/v/@shopify/polaris-tokens.svg?style=flat)](https://www.npmjs.com/package/@shopify/polaris-tokens)","main":"dist/cjs/build/index.js","module":"dist/esm/build/index.mjs","types":"dist/types/build/index.d.ts","exports":{".":{"types":"./dist/types/build/index.d.ts","import":"./dist/esm/build/index.mjs","require":"./dist/cjs/build/index.js"},"./json/*":"./dist/json/*","./css/*":"./dist/css/*","./scss/*":"./dist/scss/*"},"scripts":{"build":"run-s build:*","build:assets":"ts-node --skip-project scripts/index.ts","build:js":"rollup -c","build:types":"tsc -b","build:clean":"rm -rf build","dev":"rollup -c -w","lint":"run-p lint:*","lint:js":"TIMING=1 eslint --cache .","lint:styles":"stylelint '**/*.{css,scss}'","test":"jest","clean":"rm -rf .turbo node_modules dist *.tsbuildinfo build"},"devDependencies":{"@shopify/browserslist-config":"^3.0.0"},"license":"SEE LICENSE IN LICENSE.md","author":{"name":"Shopify","email":"dev@shopify.com"},"homepage":"https://polaris.shopify.com","repository":{"type":"git","url":"git+https://github.com/Shopify/polaris.git"},"bugs":{"url":"https://github.com/Shopify/polaris/issues"},"publishConfig":{"access":"public","@bbtgnn:registry":"https://registry.npmjs.org"},"browserslist":["extends @shopify/browserslist-config"],"gitHead":"fe80275d82993dd640442aec9b31a130f7983af0","_id":"@bbtgnn/polaris-interfacer-tokens@6.3.0","_nodeVersion":"16.18.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-wCEaosEg5yUFwsjfTqD1wC+ksYMFjeZ0rlCbYX4bqLn9Ru4gCso/mbEu59++5eJM8Sl5Uy9GWC0N+A0g1o797g==","shasum":"4ba55b685092c742548d5cda92920fdc0c0b0fc7","tarball":"https://registry.npmjs.org/@bbtgnn/polaris-interfacer-tokens/-/polaris-interfacer-tokens-6.3.0.tgz","fileCount":68,"unpackedSize":293480,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEiPn/GZyO6RMla/S/1BRem8uL8UYRn8UbdINtYxUubvAiEAqT3MdxXxmKUR8YSs/CbhrhzYxW0gNTngh/d63JR7pbM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf54zACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqpAg//UtW1E+sM2IhWfcWMyALpuWte4C9B0r3xZAgXNslREmPCgawe\r\nPfM3NzATZVVi5pJE8JY4UQOKyafeXbWSpUBzMMidZKsa4oqLA1rGtjQzeewK\r\nXyQQ7StQ4vfrFLiagO2FDM3vE4x4SfQJL/1wuuXinJuIgQA5HjVjQ6wMPPAU\r\nL/UZ2lc0chfkVLikWcaA0CdesEwHMSRIKYsOdDffPQcWZELIkgsiZeE9c9sf\r\nWyJwJa5FPImRLYNrI2yZl868vyUIHShNwhIYoNBN4fzFtVj/J+M2vbHrUMOw\r\nrfpczHfxB0v0P1C3RHpbTJGPIU038Z23TUXeVlbpSeICe75yiwgXRiHTrC69\r\nhF9KL8ST1azBYyZkvRVHb7v44MA64+vdaSadSN/c2o516jUPNuJ6LlVd72WN\r\nIas5/JbJC8Qb+R6+EdpGxYnv0QCNkkEylJQJRHZdCO9wA90l2KXdPGpL7ztC\r\nLI58pTpQO99zhvSHuAYtHJQqAFRiBSvQP5Kyh9KV9GwNHKcwb0a7WIBoztE1\r\nsixV05G/jaaVP/XcxwdfilkcU/mRinyftwRR47vG6c3Bj6SXLsXy177lEayl\r\nBFLhhAhGT8ijYi+eoGynRwrBVGC3pYyWjZ4+TluKUXzzTU0L4atu4tztl2RK\r\nQzfEBLJJrBHT8e6xHNaTLJ+0hKnz9cvR6DQ=\r\n=YNQe\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bbtgnn","email":"bbt.gnn@gmail.com"},"directories":{},"maintainers":[{"name":"bbtgnn","email":"bbt.gnn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/polaris-interfacer-tokens_6.3.0_1669307955498_0.536755378924261"},"_hasShrinkwrap":false}},"time":{"created":"2022-11-24T16:39:15.437Z","6.3.0":"2022-11-24T16:39:15.670Z","modified":"2022-11-24T16:39:15.799Z"},"maintainers":[{"name":"bbtgnn","email":"bbt.gnn@gmail.com"}],"description":"[![npm version](https://img.shields.io/npm/v/@shopify/polaris-tokens.svg?style=flat)](https://www.npmjs.com/package/@shopify/polaris-tokens)","homepage":"https://polaris.shopify.com","repository":{"type":"git","url":"git+https://github.com/Shopify/polaris.git"},"author":{"name":"Shopify","email":"dev@shopify.com"},"bugs":{"url":"https://github.com/Shopify/polaris/issues"},"license":"SEE LICENSE IN LICENSE.md","readme":"# [Polaris Tokens](https://polaris.shopify.com/tokens/getting-started-with-tokens)\n\n[![npm version](https://img.shields.io/npm/v/@shopify/polaris-tokens.svg?style=flat)](https://www.npmjs.com/package/@shopify/polaris-tokens)\n\n[Design tokens](https://medium.com/eightshapes-llc/tokens-in-design-systems-25dd82d58421) for [Polaris](https://polaris.shopify.com), Shopify’s design system.\n\nDesign tokens originated at Salesforce, and the best way to describe them is to simply quote their documentation:\n\n> Design tokens are the visual design atoms of the design system — specifically, they are named entities that store visual design attributes. We use them in place of hard-coded values (such as hex values for color or pixel values for spacing) in order to maintain a scalable and consistent visual system for UI development – [Salesforce UX](https://www.lightningdesignsystem.com/design-tokens/)\n\n## Installation\n\n```bash\nnpm install @shopify/polaris-tokens\n```\n\n## Usage\n\n#### Javascript\n\nAccessing all of the available token groups\n\n```js\n// Token values only\nimport {tokens} from '@shopify/polaris-tokens';\n\nconsole.log(tokens.colors.background); // 'rgba(246, 246, 247, 1)'\n\n// Tokens with metadata\nimport {metadata} from '@shopify/polaris-tokens';\n\nconsole.log(metadata.colors.background.value); // 'rgba(246, 246, 247, 1)'\nconsole.log(metadata.colors.background.description); // 'For use as a background color, in components such as Page and Frame backgrounds.'\n```\n\n#### CSS\n\nImporting all of the css variables. CSS variables are prefixed with `--p` to signal that these variables are Polaris variables.\n\n```js\nimport '@shopify/polaris-tokens/css/styles.css';\n\ndiv {\n  background: var(--p-background);\n}\n```\n\n#### JSON\n\nAccessing a specific token group file via the dist folder\n\n```js\nconst spacing = require('@shopify/polaris-tokens/json/spacing.json');\n```\n\n## Contributing\n\nPull requests are welcome. See the [contribution guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md) for more information.\n\n## Licenses\n\n- Source code is under a [custom license](https://github.com/Shopify/polaris/blob/main/LICENSE.md) based on MIT. The license restricts Polaris usage to applications that integrate or interoperate with Shopify software or services, with additional restrictions for external, stand-alone applications.\n","readmeFilename":"README.md"}